.topic-page{background:radial-gradient(circle at 84% 0,rgba(130,147,160,.12),transparent 30%),var(--void)}
.topic-index-hero,.topic-detail-hero,.topic-index-section,.topic-overview,.topic-questions,.topic-resource-section,.topic-related,.topic-method{max-width:var(--max);margin:0 auto;padding-left:20px;padding-right:20px}
.topic-index-hero{padding-top:84px;padding-bottom:58px;border-bottom:1px solid var(--line)}
.topic-index-hero h1,.topic-detail-hero h1{max-width:980px;margin:0 0 22px;font:900 clamp(3.4rem,7vw,7rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.topic-index-hero>p:not(.section-tag){max-width:900px;color:#c4ccd5;font-size:1.05rem;line-height:1.75}
.topic-index-section{padding-top:70px;padding-bottom:90px}
.topic-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:42px;align-items:end;margin-bottom:28px}
.topic-section-head h2,.topic-overview h2,.topic-related h2{margin:5px 0 0;font:900 clamp(2.2rem,4.4vw,4rem)/.96 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.topic-section-head>p{margin:0;color:var(--muted)}
.topic-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.topic-hub-card{min-height:270px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,#121a25,#080b10);text-decoration:none;transition:transform .2s,border-color .2s}
.topic-hub-card:hover,.topic-link-card:hover{transform:translateY(-3px);border-color:rgba(200,208,214,.6)}
.topic-hub-card span,.topic-related-grid span{color:var(--blue);font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.topic-hub-card h2{margin:14px 0 12px;font:900 2rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.topic-hub-card p{color:var(--muted)}
.topic-hub-card b,.topic-link-card b{margin-top:auto;color:var(--gold);font-size:.8rem}
.topic-hero-art{max-width:1480px;height:min(48vw,540px);margin:0 auto;overflow:hidden;border-inline:1px solid var(--line);background:#080b10}
.topic-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.topic-detail-hero{padding-top:46px;padding-bottom:46px;border-bottom:1px solid var(--line)}
.topic-detail-hero h1{max-width:1100px}
.topic-dek{max-width:900px;color:#d4dae0;font-size:1.16rem;line-height:1.7}
.topic-continuity{display:inline-block;margin:6px 0 0;padding:8px 11px;border:1px solid rgba(130,147,160,.34);color:#aeb8c3;font-size:.8rem}
.topic-overview{padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr);gap:60px;border-bottom:1px solid var(--line)}
.topic-overview article{max-width:820px}
.topic-overview article p{color:#c7d0d9;font-size:1.05rem;line-height:1.8}
.topic-questions,.topic-resource-section{padding-top:70px;padding-bottom:70px;border-bottom:1px solid var(--line)}
.topic-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.topic-question-grid article{padding:23px;border:1px solid var(--line);background:var(--panel)}
.topic-question-grid h3{margin:0 0 11px;font:900 1.35rem/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.topic-question-grid p{margin:0;color:var(--muted);font-size:.93rem}
.topic-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.topic-link-card{min-height:185px;padding:21px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,#111822,#090c11);text-decoration:none;transition:transform .2s,border-color .2s}
.topic-link-card strong{font:900 1.25rem/1.08 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.topic-link-card p{margin:11px 0 16px;color:var(--muted);font-size:.88rem}
.topic-related{padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:50px}
.topic-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.topic-related-grid a{padding:20px;border:1px solid var(--line);background:#0d121a;text-decoration:none}
.topic-related-grid strong{display:block;margin-top:5px;font:900 1.2rem/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.topic-method{margin-top:10px;margin-bottom:90px;padding-top:20px;padding-bottom:20px;border:1px solid rgba(130,147,160,.3);background:rgba(130,147,160,.06)}
.topic-method strong{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.topic-method p{margin:7px 0 0;color:var(--muted)}
.home-topic-paths{max-width:var(--max);margin:0 auto;padding:90px 20px}
.home-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.home-topic-grid a{min-height:125px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:linear-gradient(145deg,#101720,#080b10);text-decoration:none}
.home-topic-grid span{color:var(--blue);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.home-topic-grid strong{font:900 1.15rem/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.home-topic-grid a:hover{border-color:rgba(200,208,214,.55)}
@media(max-width:1050px){.topic-hub-grid{grid-template-columns:1fr 1fr}.topic-link-grid{grid-template-columns:1fr 1fr}.home-topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topic-index-hero{padding-top:60px}.topic-index-hero h1,.topic-detail-hero h1{font-size:3.3rem}.topic-hero-art{height:52vw;min-height:270px}.topic-section-head,.topic-overview,.topic-related{display:block}.topic-section-head>p,.topic-overview article,.topic-related-grid{margin-top:22px}.topic-hub-grid,.topic-question-grid,.topic-link-grid,.topic-related-grid,.home-topic-grid{grid-template-columns:1fr}.topic-hub-card{min-height:220px}.topic-overview,.topic-questions,.topic-resource-section,.topic-related{padding-top:55px;padding-bottom:55px}.home-topic-paths{padding-top:65px;padding-bottom:65px}}