.topic-page{background:var(--paper);color:var(--ink)}
.topic-hero{min-height:100svh;padding:clamp(128px,16vh,178px) var(--page) clamp(72px,9vh,112px);display:grid;grid-template-columns:minmax(360px,650px) minmax(480px,700px);justify-content:center;gap:clamp(48px,7vw,112px);align-items:center;background:var(--ink);color:white;overflow:hidden}
.topic-hero-copy{position:relative;z-index:1}
.topic-hero .page-kicker{color:var(--gold)}
.topic-hero h1{max-width:11ch;font-size:clamp(3.5rem,7.2vw,6rem);line-height:.96;letter-spacing:-.04em}
.topic-hero h1 em{display:block;color:var(--gold);font-weight:400}
.topic-hero-lede{max-width:52ch;margin-top:38px;color:#aaa69e;font-size:clamp(17px,1.5vw,20px);line-height:1.65}
.topic-hero-actions{margin-top:38px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.topic-hero-actions small{color:#817e77;font-size:11px;line-height:1.55}
.topic-hero .button--gold{background:var(--gold);color:var(--ink)}

.signal-ledger{position:relative;align-self:stretch;min-height:560px;padding:54px clamp(26px,4vw,54px);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(201,169,96,.55);background:var(--ink-raised)}
.signal-ledger::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(201,169,96,.16)}
.signal-ledger-label{position:absolute;top:18px;left:20px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.signal-ledger-row{position:relative;display:grid;grid-template-columns:90px 1fr;gap:22px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12)}
.signal-ledger-row:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
.signal-ledger-row span{color:#817e77;font-family:Monoton,sans-serif;font-size:20px}
.signal-ledger-row div{min-width:0}
.signal-ledger-row small{display:block;margin-bottom:5px;color:#817e77;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.signal-ledger-row strong{display:block;color:#f1eee7;font-size:17px;font-weight:400}
.signal-ledger-boundary{margin-top:28px;padding:13px 16px;border:1px solid var(--gold);color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}

.topic-answer{padding:34px var(--page);background:var(--gold);color:var(--ink)}
.topic-answer p{width:min(100%,1120px);margin:auto;font-size:clamp(20px,2.4vw,27px);line-height:1.35;font-weight:700;text-align:center}
.topic-section{padding:clamp(90px,12vw,160px) var(--page);background:var(--paper);color:var(--ink)}
.topic-section--ink{background:var(--ink);color:white}
.topic-shell{width:min(100%,1180px);margin:0 auto}
.topic-heading{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2.3fr);gap:40px;align-items:start;margin-bottom:clamp(52px,7vw,88px)}
.topic-heading>p{padding-top:11px;color:#6f695e;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.topic-heading h2{font-size:clamp(2.7rem,5.5vw,5.5rem);line-height:1.02;letter-spacing:-.04em}
.topic-heading h2 em{color:var(--gold-deep);font-weight:400}
.topic-section--ink .topic-heading>p{color:var(--gold)}
.topic-section--ink .topic-heading h2 em{color:var(--gold)}
.topic-intro{max-width:68ch;margin:calc(clamp(52px,7vw,88px)*-.45) 0 clamp(48px,7vw,76px) calc(25% + 30px);color:#5d584f;font-size:18px;line-height:1.75}
.topic-section--ink .topic-intro{color:#aaa69e}

.evidence-list{border-top:1px solid var(--paper-line)}
.evidence-list article{display:grid;grid-template-columns:90px minmax(220px,.75fr) minmax(280px,1.25fr);gap:28px;padding:30px 0;border-bottom:1px solid var(--paper-line)}
.evidence-list article>span{font-family:Monoton,sans-serif;color:var(--gold-deep);font-size:28px}
.evidence-list h3{font-size:20px}
.evidence-list p{max-width:60ch;color:#5d584f}
.topic-section--ink .evidence-list{border-color:var(--hairline)}
.topic-section--ink .evidence-list article{border-color:var(--hairline)}
.topic-section--ink .evidence-list article>span{color:var(--gold)}
.topic-section--ink .evidence-list p{color:#aaa69e}

.topic-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
.topic-split article{padding:clamp(30px,4vw,54px) clamp(28px,4vw,50px) clamp(36px,5vw,64px) 0}
.topic-split article+article{padding-left:clamp(28px,4vw,50px);border-left:1px solid var(--paper-line)}
.topic-split span{display:block;margin-bottom:18px;color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.topic-split h3{font-size:clamp(2rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.03em}
.topic-split p{max-width:50ch;margin-top:24px;color:#5d584f;line-height:1.7}
.topic-split ul{margin:26px 0 0;padding:0;list-style:none}
.topic-split li{padding:11px 0;border-top:1px solid var(--paper-line);color:#5d584f}

.topic-figure{margin:clamp(60px,8vw,96px) 0 0;background:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 8px 0 rgba(10,10,10,.12)}
.topic-figure img{width:100%}
.topic-figure figcaption{padding:14px 17px;color:#8e8a82;font-size:11px}

.comparison-wrap{overflow-x:auto;border-top:1px solid var(--hairline)}
.comparison-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left}
.comparison-table th,.comparison-table td{padding:22px 24px;border-bottom:1px solid var(--hairline);vertical-align:top}
.comparison-table thead th{color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.comparison-table tbody th{width:180px;color:#ddd9d1;font-size:13px}
.comparison-table td{color:#aaa69e}
.comparison-table strong{color:white}
.source-note{max-width:72ch;margin-top:26px;color:#817e77;font-size:12px;line-height:1.65}
.source-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

.topic-faq{border-top:1px solid var(--paper-line)}
.topic-faq details{border-bottom:1px solid var(--paper-line)}
.topic-faq summary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:18px;font-weight:700}
.topic-faq summary::-webkit-details-marker{display:none}
.topic-faq summary span{color:var(--gold-deep);font-size:25px;font-weight:400;transition:transform .25s}
.topic-faq details[open] summary span{transform:rotate(45deg)}
.topic-faq details p{max-width:68ch;padding:0 48px 28px 0;color:#5d584f;line-height:1.7}

.related-reading{padding:clamp(78px,10vw,120px) var(--page);background:var(--paper-deep);color:var(--ink)}
.related-reading-inner{width:min(100%,1180px);margin:auto}
.related-reading h2{font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.05;letter-spacing:-.035em}
.related-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
.related-links a{min-height:170px;padding:26px 28px 30px 0;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.related-links a+a{padding-left:28px;border-left:1px solid var(--paper-line)}
.related-links span{color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.related-links strong{font-size:20px;line-height:1.35}
.related-links i{font-style:normal;color:var(--gold-deep)}

@media(max-width:950px){
  .topic-hero{min-height:auto;grid-template-columns:1fr}.signal-ledger{width:min(100%,700px);min-height:500px}
  .topic-heading{grid-template-columns:1fr;gap:18px}.topic-heading>p{padding-top:0}.topic-intro{margin:-30px 0 54px}
}

@media(max-width:680px){
  .topic-hero{padding-top:calc(108px + env(safe-area-inset-top))}.topic-hero h1{font-size:clamp(2.7rem,13vw,4rem)}.topic-hero-actions{align-items:flex-start;flex-direction:column}.topic-hero-actions .button{width:100%}
  .signal-ledger{min-height:440px;padding:48px 20px 28px}.signal-ledger-row{grid-template-columns:58px 1fr;gap:15px}.signal-ledger-row span{font-size:17px}
  .topic-heading h2{font-size:clamp(2.6rem,12vw,4rem)}
  .evidence-list article{grid-template-columns:56px 1fr;gap:16px}.evidence-list article p{grid-column:2}
  .topic-split{grid-template-columns:1fr}.topic-split article,.topic-split article+article{padding:34px 0;border-left:0}.topic-split article+article{border-top:1px solid var(--paper-line)}
  .topic-figure{margin-left:-20px;margin-right:-20px;border-radius:0}
  .comparison-wrap{overflow:visible}.comparison-table{min-width:0}.comparison-table thead{display:none}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table th,.comparison-table td{display:block;width:100%}.comparison-table tbody tr{padding:25px 0;border-bottom:1px solid var(--hairline)}.comparison-table tbody th{padding:0 0 16px;border:0;color:white;font-size:17px}.comparison-table td{padding:14px 0;border:0;border-top:1px solid var(--hairline)}.comparison-table td::before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
  .related-links{grid-template-columns:1fr}.related-links a,.related-links a+a{min-height:140px;padding:24px 0;border-left:0}.related-links a+a{border-top:1px solid var(--paper-line)}
}

@media(hover:hover){.related-links a:hover strong{color:var(--gold-deep)}}

@media(forced-colors:active){.signal-ledger,.signal-ledger-boundary,.comparison-wrap{border:1px solid ButtonText}}