.topic-hero{padding:132px 0 72px;background:linear-gradient(135deg,var(--bg-soft),#eef2ff)}
.topic-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:56px;align-items:center}
.topic-hero h1{font-size:clamp(2.45rem,5vw,4.6rem);line-height:1.05;margin:14px 0 22px}
.topic-hero p{font-size:1.12rem;line-height:1.8;color:var(--text-muted);max-width:760px}
.topic-symbol{min-height:280px;border-radius:32px;display:grid;place-items:center;font-size:7rem;background:linear-gradient(145deg,var(--topic-soft,#dbeafe),#fff);box-shadow:0 24px 70px rgba(15,23,42,.12)}
.topic-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:56px;align-items:start;padding-top:72px;padding-bottom:88px}
.topic-main section{margin-bottom:50px;scroll-margin-top:110px}
.topic-main h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:8px 0 18px}
.topic-main h3{font-size:1.18rem;margin:24px 0 10px}
.topic-main p,.topic-main li{line-height:1.8}
.topic-main a{color:var(--brand-blue);font-weight:600}
.section-index,.eyebrow{display:block;color:var(--brand-blue);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.quick-answer{padding:26px 28px;border-radius:20px;background:var(--topic-soft,#eef2ff);border-left:5px solid var(--brand-blue);font-size:1.04rem;line-height:1.75;margin-bottom:46px}
.evidence-grid,.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.evidence-card,.hub-card{padding:24px;border:1px solid var(--border-light);border-radius:20px;background:var(--bg-card,#fff)}
.evidence-card h3,.hub-card h2,.hub-card h3{margin:0 0 10px}
.evidence-card p,.hub-card p{margin:0;color:var(--text-muted)}
.article-table-wrap{overflow-x:auto;margin:24px 0}
.article-table-wrap table{width:100%;border-collapse:collapse}
.article-table-wrap th,.article-table-wrap td{padding:14px 16px;border-bottom:1px solid var(--border-light);text-align:left;vertical-align:top}
.article-table-wrap th{background:var(--bg-soft);font-size:.83rem;text-transform:uppercase;letter-spacing:.04em}
.topic-sidebar{position:sticky;top:108px;display:grid;gap:20px}
.sidebar-card,.topic-nav{padding:24px;border-radius:22px;background:var(--bg-soft);border:1px solid var(--border-light)}
.sidebar-card h2,.topic-nav h2{font-size:1.25rem;margin:9px 0 12px}
.topic-nav ol,.topic-nav ul{padding-left:20px;margin:14px 0 0}
.topic-nav li{margin:10px 0;line-height:1.5}
.references{padding-top:30px;border-top:1px solid var(--border-light)}
.references ol{padding-left:22px}
.medical-note{padding:24px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa}
.medical-note strong{color:#9a3412}
.hub-hero{padding:132px 0 64px;background:linear-gradient(135deg,var(--bg-soft),var(--topic-soft,#eef2ff))}
.hub-hero-inner{max-width:820px}
.hub-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.05;margin:14px 0 20px}
.hub-hero p{font-size:1.12rem;line-height:1.8;color:var(--text-muted)}
.hub-section{padding:70px 0}
.hub-card{display:flex;flex-direction:column;gap:12px}
.hub-card.featured{grid-column:1/-1;padding:32px;background:var(--topic-soft,#eef2ff)}
.hub-card a{margin-top:auto;color:var(--brand-blue);font-weight:750;text-decoration:none}
.topic-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.topic-chip{display:block;padding:20px;border-radius:18px;background:var(--bg-card,#fff);border:1px solid var(--border-light);text-decoration:none}
.topic-chip strong{display:block;color:var(--text-heading);margin-bottom:6px}
.topic-chip span{color:var(--text-muted);font-size:.9rem}
[data-theme="dark"] .topic-hero,[data-theme="dark"] .hub-hero{background:linear-gradient(135deg,#0f172a,#172554)}
[data-theme="dark"] .topic-symbol,[data-theme="dark"] .evidence-card,[data-theme="dark"] .hub-card,[data-theme="dark"] .topic-chip{background:#1e293b}
[data-theme="dark"] .medical-note{background:#431407;border-color:#7c2d12}
@media(max-width:900px){.topic-hero-grid,.topic-shell{grid-template-columns:1fr}.topic-symbol{min-height:180px}.topic-sidebar{position:static}.topic-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topic-hero,.hub-hero{padding-top:112px}.evidence-grid,.hub-grid,.topic-strip{grid-template-columns:1fr}.topic-hero h1,.hub-hero h1{font-size:2.45rem}.hub-card.featured{padding:24px}}