/* PharmacoLearn — brand: teal #00BFA5, navy #0B2545, purple gradient */
:root{--teal:#00BFA5;--navy:#0B2545;--purple:#7C4DBE;--ink:#1c2733;--muted:#5b6b7c;--line:#dde6ec;--bg:#f6f9fa}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{color:#0b6e63}a:hover{color:var(--purple)}
header.site{background:var(--navy);color:#fff}header.site .wrap{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
header.site img.logo{height:56px;width:auto;background:#fff;border-radius:50%}
header.site .brand{font-size:1.35rem;font-weight:800;letter-spacing:.3px}header.site .brand small{display:block;font-size:.8rem;font-weight:600;color:#9be8dd}
nav.main{background:#0e3158}nav.main .wrap{max-width:1080px;margin:0 auto;padding:0 12px;display:flex;flex-wrap:wrap}
nav.main a{color:#dbeafe;text-decoration:none;padding:10px 12px;font-size:.95rem}nav.main a:hover,nav.main a.active{background:var(--teal);color:#062b26}
main{max-width:1080px;margin:0 auto;padding:28px 20px 60px}
.hero{background:linear-gradient(120deg,var(--teal),#2563eb 55%,var(--purple));color:#fff;border-radius:16px;padding:36px 30px;margin-bottom:28px}
.hero h1{margin:0 0 8px;font-size:2rem;line-height:1.25}.hero p{margin:6px 0;max-width:720px}.hero .tag{font-size:1.05rem;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:20px 0}
.card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.card h3{margin:0 0 6px}.card h3 a{text-decoration:none;color:var(--navy)}.card p{margin:0;color:var(--muted);font-size:.95rem}
.btn{display:inline-block;background:var(--teal);color:#062b26 !important;text-decoration:none;font-weight:700;padding:10px 18px;border-radius:8px;margin:6px 8px 6px 0}
.btn.navy{background:var(--navy);color:#fff !important}.btn.outline{background:#fff;border:2px solid var(--teal);color:#0b6e63 !important}
.downloads{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;margin:22px 0}
.downloads h2{margin-top:0}table{border-collapse:collapse;width:100%;margin:16px 0;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left}th{background:var(--bg)}
code{background:#eef3f5;padding:2px 5px;border-radius:4px;font-size:.92em}pre{background:#0f2233;color:#e6f2f0;padding:14px;border-radius:8px;overflow-x:auto}pre code{background:none;padding:0}
h2{color:var(--navy);margin-top:34px}h3{color:#123a5c}hr{border:none;border-top:1px solid var(--line);margin:28px 0}
.note{border-left:4px solid var(--teal);background:var(--bg);padding:12px 16px;border-radius:0 8px 8px 0}
.soon{background:#fff8e6;border:1px solid #f0d98c;border-radius:12px;padding:22px}
.sibling{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:34px;border-top:1px solid var(--line);padding-top:18px}
footer.site{background:var(--navy);color:#cbd5e1}footer.site .wrap{max-width:1080px;margin:0 auto;padding:26px 20px}
footer.site a{color:#9be8dd}footer.site .links{margin-top:8px;font-size:.95rem}
@media(max-width:640px){.hero{padding:26px 20px}.hero h1{font-size:1.5rem}header.site img.logo{height:44px}}