:root{--ink:#1a1a1a;--muted:#555;--accent:#0b57a4;--ok:#1a6b3c;--pro:#8a3b12;--soft:#f4f6f8}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55;font-size:1.05rem}
.wrap{max-width:46rem;margin:0 auto;padding:0 1rem}
.skip{position:absolute;left:-999px}.skip:focus{position:static;display:block;padding:.5rem;background:var(--accent);color:#fff}
.site-head{background:var(--soft);padding:.8rem 0;border-bottom:3px solid var(--accent)}
.brand{font-size:1.25rem;font-weight:700;color:var(--ink);text-decoration:none}
.tagline{margin:.1rem 0 0;color:var(--muted);font-size:.95rem}
.crumbs{padding-top:.8rem;font-size:.9rem}.crumbs a{color:var(--accent)}.sep{color:var(--muted)}
main{padding:.5rem 1rem 2rem}
h1{font-size:1.7rem;line-height:1.25;margin:.6rem 0}
h2{font-size:1.25rem;margin-top:1.8rem}
a{color:var(--accent)}
a:focus{outline:3px solid #ffb700;outline-offset:2px}
.lede{font-size:1.12rem}
.answer{border-left:4px solid var(--accent);padding-left:.8rem}
table.codes{width:100%;border-collapse:collapse;font-size:.95rem}
table.codes th,table.codes td{border:1px solid #ccc;padding:.5rem;text-align:left;vertical-align:top}
table.codes th{background:var(--soft)}
.sev{display:inline-block;padding:.1rem .5rem;border-radius:.3rem;font-size:.85rem;font-weight:600}
.sev-ok{background:#e3f2e8;color:var(--ok)}
.sev-pro{background:#f7e8df;color:var(--pro)}
.lik{color:var(--muted);font-size:.9rem}
.pro-block,.safety-block{border:1px solid #ddd;border-radius:.4rem;padding:.2rem 1rem .4rem;margin:1.2rem 0}
.pro-block h2{color:var(--pro)}
.sources{font-size:.9rem;background:var(--soft);padding:.2rem 1rem .6rem;margin-top:1.5rem}
.site-foot{background:var(--soft);border-top:1px solid #ddd;padding:1rem 0;font-size:.9rem;color:var(--muted)}
.site-foot a{color:var(--muted)}
@media(max-width:600px){h1{font-size:1.4rem}table.codes{font-size:.85rem;display:block;overflow-x:auto}}