:root{--brand:#0b4a6f;--brand2:#0f78a5;--accent:#1db954;--ink:#1f2937;--muted:#6b7280;--bg:#f8fafc}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:var(--ink);line-height:1.7}a{color:#0b67c2}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.topbar{background:var(--brand);color:#dbeafe;font-size:14px}.topbar .wrap{display:flex;gap:14px;justify-content:flex-end;padding:8px 20px}.topbar a{color:#dbeafe;text-decoration:none}header.site{background:linear-gradient(120deg,var(--brand),var(--brand2));color:#fff}header.site .wrap{padding:16px 20px}.row{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.brand a{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:#e6f7ff;text-decoration:none;font-weight:600}.cta{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;background:#fff;color:var(--brand2);padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent}.btn-primary{background:var(--brand2);color:#fff}.btn-primary:hover{filter:brightness(0.95)}.btn-accent{background:var(--accent);color:#fff}.btn-outline{background:#fff;color:var(--brand2);border-color:var(--brand2)}.hero{padding:36px 0 10px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile a{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;text-decoration:none;color:#0b67c2;font-weight:700}.tile a:hover{filter:brightness(0.98)}.muted{color:#6b7280}.pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef6ff;color:#0f62fe;font-weight:600;font-size:12px}footer{padding:28px 20px}figure.hero img{width:100%;height:auto;object-fit:cover;object-position:top;max-height:400px}.toc a{margin-right:10px;text-decoration:none}.badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:10px}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px}ul.compact li{margin:6px 0}.nav .item{position:relative}.nav .item.has-sub > a::after{content:"▾";margin-left:6px;font-size:12px}.nav .submenu{position:absolute;left:0;top:100%;background:#fff;color:#1f2937;min-width:320px;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:12px;display:none;z-index:60}.nav .item.has-sub:hover .submenu,.nav .item.has-sub:focus-within .submenu{display:block}.nav .submenu a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:#1f2937}.nav .submenu a:hover{background:#f5faff}.nav .submenu .btn{display:inline-block;margin:0 8px 8px 0}.nav .submenu .group.quick{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:6px}@media (max-width:880px){.nav .submenu{position:static;box-shadow:none;border:0;padding:0;background:transparent}.nav .submenu a{padding:8px 0}}.nav .submenu .group.cats{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:6px 12px}@media (max-width:880px){.nav .submenu .group.cats{grid-template-columns:1fr}}.icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}.icons-grid .icon{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;text-decoration:none;color:#0b67c2;font-weight:700}.icons-grid .icon span{font-size:28px;line-height:1;margin-bottom:4px}.icons-grid .icon:hover{filter:brightness(0.98)}@media (max-width:640px){.icons-grid{grid-template-columns:repeat(3,1fr)}}

/* Watermark overlay for drug images */
.figure-wm{position:relative;display:block}
.figure-wm img.wm{position:absolute;right:10px;bottom:10px;width:56px;height:auto;opacity:.9;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
@media (max-width:640px){.figure-wm img.wm{width:44px}}


/* Top hero image: fixed height 400, crop from top */
figure.hero img{width:100%;height:auto;object-fit:cover;object-position:top;max-height:400px}