:root{--navy:#07183f;--text:#101b3d;--muted:#61708f;--line:#e9eef7;--red:#e11d48;--blue:#2563eb;--violet:#7c3aed;--green:#16a34a;--teal:#0d9488;--orange:#f97316;--bg:#f7faff;--shadow:0 20px 55px rgba(19,35,77,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff 0%,#f7faff 40%,#fff 100%)}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;height:88px;display:flex;align-items:center;gap:22px;padding:0 30px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(15,23,42,.05)}.brand{display:flex;gap:12px;align-items:center;min-width:260px}.brand strong{font-size:28px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--red)}.brand small{display:block;color:#66748f;font-weight:600;margin-top:3px}.shield{width:56px;height:56px}.shield svg{width:100%;height:100%;filter:drop-shadow(0 10px 15px rgba(225,29,72,.2))}.shield path:first-child{fill:#fff;stroke:url(#g);stroke-width:4}.shield path:last-child{fill:none;stroke:#e11d48;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.topbar nav{display:flex;gap:4px;align-items:center;flex:1}.topbar nav a{padding:30px 12px 28px;font-weight:800;font-size:14px;color:#0c1739;border-bottom:3px solid transparent;white-space:nowrap}.topbar nav a span{margin-right:6px}.topbar nav a.active{color:var(--red);border-bottom-color:var(--red)}.top-actions{display:flex;gap:8px;align-items:center}.round,.login{border:0;background:#f4f7fb;border-radius:14px;padding:12px 14px;font-weight:800}.login{background:var(--red);color:#fff}.hero{position:relative;min-height:520px;padding:70px 7vw 20px;display:grid;grid-template-columns:1fr 1.2fr;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(124,58,237,.14),transparent 30%),radial-gradient(circle at 85% 5%,rgba(225,29,72,.10),transparent 25%),linear-gradient(90deg,#fff 0%,#f7fbff 42%,#eff6ff 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.83) 38%,rgba(255,255,255,.25) 58%,rgba(255,255,255,.72) 100%);z-index:0}.hero-copy,.immuno-scene{position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:7px;background:#f0eaff;color:#6d28d9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.hero h1,.page-hero h1{font-size:54px;line-height:1.05;letter-spacing:-2px;margin:22px 0 18px}.hero h1 span{display:block;background:linear-gradient(90deg,#7c3aed,#e11d48);-webkit-background-clip:text;color:transparent}.hero p,.page-hero p{font-size:18px;line-height:1.7;color:#344260;max-width:650px}.searchbar{margin-top:26px;display:flex;max-width:720px;background:#fff;border:1px solid #dfe6f3;border-radius:18px;padding:9px;box-shadow:var(--shadow)}.searchbar input{flex:1;border:0;outline:0;font-size:16px;padding:0 18px}.searchbar button,.btn{border:0;background:linear-gradient(135deg,#e11d48,#dc2626);color:#fff;border-radius:14px;padding:15px 28px;font-weight:900;box-shadow:0 12px 25px rgba(225,29,72,.25)}.chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.chips b{font-size:13px}.chips a{background:#fff;border:1px solid #e1e8f4;border-radius:999px;padding:9px 15px;font-weight:800;font-size:13px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.immuno-scene{min-height:420px}.cell{position:absolute;right:12%;bottom:-40px;width:420px;height:230px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 25%,#fff 0,#dbeafe 20%,#c4b5fd 52%,#a5b4fc 100%);filter:blur(.2px);opacity:.75;box-shadow:inset 0 0 35px rgba(255,255,255,.8),0 -18px 75px rgba(37,99,235,.18)}.antibody{position:absolute;width:18px;height:140px;border-radius:18px;background:linear-gradient(180deg,#60a5fa,#1d4ed8);box-shadow:inset 0 0 0 3px rgba(255,255,255,.22),0 15px 30px rgba(37,99,235,.26);transform-origin:50% 70%}.antibody:before,.antibody:after{content:"";position:absolute;top:-8px;width:18px;height:90px;border-radius:18px;background:inherit;box-shadow:inherit}.antibody:before{left:-28px;transform:rotate(-42deg)}.antibody:after{right:-28px;transform:rotate(42deg)}.ab1{right:38%;top:80px;transform:scale(1.65) rotate(-12deg)}.ab2{right:17%;top:95px;background:linear-gradient(180deg,#a78bfa,#6d28d9);transform:scale(1.25) rotate(22deg)}.ab3{right:49%;top:220px;background:linear-gradient(180deg,#4ade80,#16a34a);transform:scale(.75) rotate(-22deg)}.ab4{right:7%;top:70px;background:linear-gradient(180deg,#fb7185,#e11d48);transform:scale(.9) rotate(18deg)}.ab5{right:58%;top:45px;background:linear-gradient(180deg,#fdba74,#f97316);transform:scale(.55) rotate(44deg)}.ab6{right:68%;top:20px;background:linear-gradient(180deg,#67e8f9,#0891b2);transform:scale(.7) rotate(-18deg);opacity:.72}.ab7{right:5%;top:235px;background:linear-gradient(180deg,#c084fc,#7e22ce);transform:scale(.55) rotate(-52deg);opacity:.55}.ab8{right:75%;top:190px;background:linear-gradient(180deg,#93c5fd,#3b82f6);transform:scale(.45) rotate(15deg);opacity:.5}.molecule{position:absolute;border-radius:50%;background:#bfdbfe;box-shadow:45px 20px 0 #e9d5ff,85px -15px 0 #bae6fd,120px 22px 0 #fecdd3}.molecule:before{content:"";position:absolute;left:12px;top:10px;width:120px;height:2px;background:rgba(37,99,235,.28);transform:rotate(10deg)}.m1{right:20%;bottom:50px;width:18px;height:18px}.m2{right:3%;bottom:130px;width:14px;height:14px;transform:scale(.8)}.stats{margin:-20px auto 25px;position:relative;z-index:2;width:min(1120px,90vw);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.stats div{padding:22px 24px;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats b{display:block;font-size:24px;color:#6d28d9}.stats span{font-size:13px;color:#52627f}.module-grid{width:min(1760px,92vw);margin:25px auto;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.module,.panel,.doc-card,.filters,.stats,.feature-strip{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.module{padding:26px;min-height:185px;transition:.25s}.module:hover,.doc-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(15,23,42,.12)}.module-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff1f2;font-size:28px}.module h3{font-size:20px;margin:18px 0 10px}.module p{color:#3d4b68;line-height:1.5}.module a{display:inline-block;margin-top:12px;color:var(--red);font-weight:900}.dashboard{width:min(1760px,92vw);margin:20px auto;display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:18px}.panel{padding:24px}.panel h2{margin:0 0 18px}.panel li{margin:14px 0;color:#263554}.panel li span,.soon{background:#ffe4e6;color:#e11d48;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900;text-transform:uppercase}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-grid button{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:left;font-weight:900;color:#0b1744}.ai{background:radial-gradient(circle at 90% 50%,rgba(124,58,237,.14),transparent 35%),#fff}.text-link{color:var(--red);font-weight:900}.page-hero{padding:70px 7vw 45px;background:linear-gradient(135deg,#fff,#f5f3ff 55%,#eef6ff)}.page-hero.compact{min-height:auto}.library-layout{width:min(1500px,92vw);margin:30px auto;display:grid;grid-template-columns:270px 1fr;gap:24px}.filters{padding:22px;height:max-content;position:sticky;top:105px}.filters h3{margin-top:0}.filter{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;margin:8px 0;padding:12px 14px;font-weight:900;color:#263554}.filter.active,.filter:hover{border-color:#fecdd3;background:#fff1f2;color:var(--red)}.hint{color:var(--muted);font-size:14px;line-height:1.5}.library-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.library-head h2{font-size:30px;margin:0}.search-mini input{width:360px;max-width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px;outline:0;background:#fff}.doc-list{display:grid;gap:16px}.doc-card{display:flex;gap:18px;padding:20px;transition:.25s}.doc-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:24px;flex:0 0 auto}.doc-icon.violet{background:#ede9fe}.doc-icon.blue{background:#dbeafe}.doc-icon.orange{background:#ffedd5}.doc-icon.green{background:#dcfce7}.doc-icon.teal{background:#ccfbf1}.doc-icon.red{background:#ffe4e6}.doc-icon.purple{background:#f3e8ff}.doc-meta{display:flex;gap:8px;flex-wrap:wrap}.doc-meta span{border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:#52627f;font-size:12px;font-weight:900;background:#fff}.doc-card h3{margin:10px 0 5px;font-size:20px}.doc-card .subtitle{font-weight:800;color:#334166}.doc-card p{line-height:1.5;color:#5c6a86}.doc-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.btn.small{padding:11px 15px;font-size:13px}.btn.ghost{background:#fff;color:#0b1744;border:1px solid var(--line);box-shadow:none}.star{border:0;background:#fff7ed;border-radius:12px;padding:10px 14px;font-size:18px;color:#f59e0b}.shelves{width:min(1500px,92vw);margin:30px auto;display:grid;gap:28px}.shelves section>h2{font-size:28px;margin:0 0 14px}.doc-list.mini{grid-template-columns:repeat(2,1fr)}footer{width:min(1760px,92vw);margin:30px auto;padding:28px;color:#64748b;text-align:center;border-top:1px solid var(--line)}@media(max-width:1200px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.immuno-scene{min-height:260px}.module-grid{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.library-layout{grid-template-columns:1fr}.filters{position:static}.doc-list.mini{grid-template-columns:1fr}}@media(max-width:720px){.topbar{height:auto;padding:14px}.brand{min-width:0}.brand strong{font-size:22px}.hero{padding:45px 24px}.hero h1,.page-hero h1{font-size:38px}.module-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr}.library-head{display:block}.doc-card{display:block}.doc-icon{margin-bottom:12px}.top-actions{display:none}}

.article-hero{border-bottom:1px solid var(--line)}
.article-layout{width:min(1450px,92vw);margin:34px auto;display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.toc-card{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(15,23,42,.06);padding:22px}.toc-card h3{margin-top:0}.toc-card a{display:block;padding:10px 12px;border-radius:12px;color:#334166;font-weight:800}.toc-card a:hover{background:#fff1f2;color:var(--red)}.article-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 55px rgba(19,35,77,.08);padding:34px}.article-card section{padding:20px 0;border-bottom:1px solid var(--line)}.article-card section:last-child{border-bottom:0}.article-card h2{font-size:30px;margin:0 0 16px;color:var(--navy)}.article-card p,.article-card li{font-size:17px;line-height:1.7;color:#334166}.key-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.key-grid div{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff,#f8fbff);padding:18px;display:flex;gap:14px;align-items:flex-start}.key-grid b{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center;flex:0 0 auto}.key-grid span{font-weight:800;color:#1f2c4d}.definition-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.definition-list div{border:1px solid var(--line);border-radius:16px;padding:18px;background:#f9fbff}.definition-list h3{margin:0 0 8px;color:var(--red)}.type-list{display:grid;gap:12px}.type-list div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.type-list strong{display:inline-flex;align-items:center;justify-content:center;background:#fff1f2;color:var(--red);border-radius:999px;padding:8px 10px;font-weight:900}.type-list span{line-height:1.6;color:#334166}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.clinical-table{width:100%;border-collapse:collapse;min-width:780px}.clinical-table th{background:#f3f6ff;color:#0b1744;text-align:left}.clinical-table th,.clinical-table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.clinical-table tbody tr:hover{background:#fafcff}.clinical-points{background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:22px 26px}.reference-box{background:linear-gradient(135deg,#fff,#f5f3ff)}
@media(max-width:1000px){.article-layout{grid-template-columns:1fr}.toc-card{position:static}.key-grid,.definition-list{grid-template-columns:1fr}.article-card{padding:22px}.type-list div{grid-template-columns:1fr}}

/* ACT interactive calculators */
.calculators-hero{background:radial-gradient(circle at 85% 15%,rgba(14,165,233,.18),transparent 25%),radial-gradient(circle at 65% 5%,rgba(225,29,72,.14),transparent 25%),linear-gradient(135deg,#fff,#f8fbff 55%,#f5f3ff)}
.act-tabs{width:min(1300px,92vw);margin:28px auto 0;display:flex;gap:12px;flex-wrap:wrap}.tab-btn{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 20px;font-weight:900;color:#263554;box-shadow:0 10px 25px rgba(15,23,42,.05);cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,#e11d48,#7c3aed);color:#fff;border-color:transparent}.act-wrapper{width:min(1300px,92vw);margin:22px auto 40px}.act-panel{display:none}.act-panel.active{display:block}.act-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:26px;background:#fff;box-shadow:var(--shadow);margin-bottom:20px}.act-intro h2{font-size:34px;margin:10px 0}.act-intro p{color:#52627f;line-height:1.6;max-width:850px}.act-intro .tag{display:inline-flex;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.child-theme .tag{background:#fff7ed;color:#ea580c}.adult-theme .tag{background:#dbeafe;color:#2563eb}.score-box{min-width:150px;text-align:center;border-radius:22px;padding:18px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--line)}.score-box small,.score-box span{display:block;color:#64748b;font-weight:800}.score-box strong{display:block;font-size:52px;line-height:1;color:#e11d48;margin:5px 0}.act-form{display:grid;gap:16px}.act-form h3{margin:18px 0 0;font-size:22px;color:#07183f}.question{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.question p{font-size:17px;font-weight:900;margin:0 0 14px;color:#172345}.options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.options.six{grid-template-columns:repeat(6,1fr)}.options label{display:flex;align-items:center;gap:8px;min-height:58px;border:1px solid #e5ebf6;border-radius:15px;padding:12px;background:#fbfdff;font-weight:800;color:#344260;cursor:pointer;transition:.18s}.options label:hover{border-color:#c7d2fe;transform:translateY(-2px)}.options input{accent-color:#e11d48}.options label:has(input:checked){background:#fff1f2;border-color:#fb7185;color:#9f1239;box-shadow:0 12px 25px rgba(225,29,72,.10)}.result-card{margin-top:20px;border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:var(--shadow)}.result-card h3{margin:0 0 8px;font-size:24px}.result-card p{margin:0;color:#52627f;line-height:1.6}.result-card.warning{border-color:#fecaca;background:linear-gradient(135deg,#fff,#fff1f2)}.result-card.warning h3{color:#e11d48}.result-card.success{border-color:#bbf7d0;background:linear-gradient(135deg,#fff,#f0fdf4)}.result-card.success h3{color:#16a34a}@media(max-width:1000px){.act-intro{display:block}.score-box{margin-top:16px}.options,.options.six{grid-template-columns:1fr 1fr}}@media(max-width:620px){.options,.options.six{grid-template-columns:1fr}.act-intro h2{font-size:28px}.score-box strong{font-size:42px}}

/* Extra interactive clinical scores: BMI, UAS7, DLQI */
.score-tabs{width:min(1300px,92vw);margin:28px auto 0;display:flex;gap:12px;flex-wrap:wrap}.score-wrapper{width:min(1300px,92vw);margin:22px auto 40px}.score-panel{display:none}.score-panel.active{display:block}.bmi-theme .tag{background:#ecfdf5;color:#16a34a}.uas-theme .tag{background:#fff1f2;color:#e11d48}.dlqi-theme .tag{background:#f3e8ff;color:#7c3aed}.input-card{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.input-card label{font-weight:900;color:#172345}.input-card input{display:block;width:100%;margin-top:8px;border:1px solid #dfe6f3;border-radius:14px;padding:15px;font-size:16px;outline:0}.uas-table{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.uas-head,.uas-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:12px;align-items:center}.uas-head{padding:10px 12px;color:#64748b;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.uas-row{padding:12px;border-top:1px solid var(--line)}.uas-row strong{color:#172345}.uas-row select{border:1px solid #dfe6f3;border-radius:14px;padding:13px;background:#fbfdff;font-weight:800;color:#263554}@media(max-width:820px){.input-card{grid-template-columns:1fr}.uas-head{display:none}.uas-row{grid-template-columns:1fr}.score-tabs{gap:8px}.tab-btn{padding:12px 14px}}