/* Safety sheets: the box on chemical pages (appended to chem2.css at build) and the /safety-sheets/ finder
   (assets/safety.css). growth/safety.py. */
.sds .sec-h{margin-bottom:6px}.sds .sec-h p{min-width:0;overflow-wrap:anywhere}
.sds-warn{max-width:90ch;margin:10px 0 18px;padding:12px 16px;border-radius:12px;background:var(--surf);box-shadow:inset 3px 0 0 var(--ink3),0 0 0 1px var(--ring2);font-size:15px;font-weight:500;color:var(--ink)}
.sds-rows{margin:0;padding:0;list-style:none}
.sds-rows li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-height:48px;padding:9px 0;border-bottom:1px solid var(--line)}
.sds-rows li:first-child{border-top:1px solid var(--line)}
.sds-st{min-width:0;font-weight:600;font-size:15px;overflow-wrap:anywhere}
.sds-st a{color:var(--ink)}
.sds-st a:hover{color:var(--green)}
.sds-ln{display:flex;flex-wrap:wrap;gap:8px}
.sds-ln a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:99px;background:var(--surf);box-shadow:0 0 0 1px var(--ring2);font-weight:500;font-size:14px;color:var(--ink);transition:box-shadow .15s,color .15s;text-decoration:none}
.sds-ln a[href]{text-decoration:none}
.sds-ln a:after{content:"\2197";margin-left:6px;font-size:12px;color:var(--ink3)}
.sds-ln a:hover{color:var(--green);box-shadow:0 0 0 1px var(--ink3)}
.sds-none{max-width:72ch;margin:12px 0 0;font-size:15px;color:var(--ink2)}
.sds-h{margin:22px 0 8px;font:500 12px/1.4 "Geist Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.sds-free{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px;margin:0;padding:0;list-style:none}
.sds-free li{display:flex}
.sds-free a{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-height:44px;padding:10px 14px;border-radius:12px;background:var(--surf);box-shadow:0 0 0 1px var(--ring2);transition:box-shadow .15s}
.sds-free a:hover{box-shadow:0 0 0 1px var(--ink3)}
.sds-free b{font-weight:600;font-size:15px;color:var(--ink)}
.sds-free span{font-size:14px;color:var(--ink2)}
.sds-tip{margin:0 0 8px;font-size:14px;color:var(--ink2)}
.sds-tip b{font-family:"Geist Mono",ui-monospace,monospace;font-weight:500;color:var(--ink)}
.sds-more{margin:18px 0 0;font-size:15px}
.sds-more a{font-weight:500;color:var(--green)}
/* the finder page */
.sf-lede{max-width:64ch;margin:12px 0 0;font-size:17px;color:var(--ink2);text-wrap:pretty}
.sf-form{display:flex;gap:8px;max-width:640px;margin:0 0 4px}
.sf-form input{flex:1 1 auto;min-width:0;height:52px;padding:0 16px;border:0;border-radius:14px;background:var(--surf);box-shadow:0 0 0 1px var(--ring2);font:inherit;font-size:17px;color:var(--ink)}
.sf-form input:focus{outline:2px solid var(--green);outline-offset:1px}
.sf-form .btn{flex:none;height:52px}
.sf-trust{display:flex;flex-wrap:wrap;gap:6px 20px;margin:-6px 0 14px;padding:0;list-style:none;font-size:14px;color:var(--ink2)}
.sf-trust li{display:flex;align-items:baseline;gap:6px}
.sf-trust li:before{content:"\2713";color:var(--green);font-weight:600}
.sf-trust a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--green)}
.sf-stat{margin:0 0 8px;font-size:14px;color:var(--ink2)}
.sf-out{margin:8px 0 12px}
.sf-wait{color:var(--ink3);font-size:15px}
.sf-card{margin:0 0 14px;padding:18px 18px 20px;border-radius:16px;background:var(--surf);box-shadow:0 0 0 1px var(--ring2)}
.sf-card .sds-ln a,.sf-card .sds-free a{background:var(--bg)}
.sf-n{margin:0;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.sf-n a{color:var(--ink)}
.sf-n a:hover{color:var(--green)}
.sf-cas{margin:4px 0 10px;font:500 13px/1.4 "Geist Mono",ui-monospace,monospace;color:var(--ink3)}
.sf-common{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:0 24px;margin:0;padding:0;list-style:none}
.sf-common a{display:flex;flex-direction:column;gap:2px;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line)}
.sf-common b{font-weight:600;font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.sf-common a:hover b{color:var(--green)}
.sf-common span{font-size:13px;color:var(--ink3)}
.sf-how{max-width:72ch;margin:0;padding-left:20px;font-size:15px;color:var(--ink2)}
.sf-how li{margin:6px 0}
@media (max-width:480px){.sf-form{flex-direction:column}.sf-form .btn{width:100%}.sds-rows li{align-items:flex-start;flex-direction:column}}