.topic-page{--topic-map-height:clamp(560px,76dvh,900px);background:var(--paper,#fbf6ec);color:var(--ink,#474c43)}
.topic-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1200px;margin:auto;padding:26px 36px 24px;font-family:'DM Sans',system-ui,sans-serif}
.topic-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 9px;font-size:10px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted,#7d846f)}
.topic-eyebrow a{font-weight:600;color:var(--ink,#474c43);text-decoration:none;letter-spacing:.2px;text-transform:none;font-size:13px}
.topic-intro h1{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(30px,3.4vw,44px);font-weight:400;line-height:1.08;margin:0 0 10px}
.topic-intro>div>p:last-child{max-width:720px;font-size:13px;line-height:1.6;margin:0;color:var(--ink,#474c43)}
.topic-guide-link{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:44px;border-bottom:1px solid var(--line,#68694d18);font-size:12px;color:inherit;text-decoration:none}
.topic-guide-link span{color:var(--coral,#dd795f);font-size:20px}
.topic-page .app{height:100%;min-height:0;max-height:none}
.topic-page #root{height:var(--topic-map-height);scroll-margin-top:12px}
.topic-page .map-options .map-tools{max-height:calc(var(--topic-map-height) - 112px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}
.topic-guide{max-width:1128px;margin:0 auto;padding:58px 36px 88px;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.8}
.topic-guide-heading{max-width:650px;margin-bottom:30px}.topic-guide h2{font-family:'Instrument Serif',Georgia,serif;font-size:28px;font-weight:400;line-height:1.2;margin:0 0 12px}.topic-guide-heading h2{font-size:clamp(32px,4vw,43px)}.topic-guide p{margin:0;color:var(--ink,#474c43)}
.topic-status{padding:24px 26px;border:1px solid var(--line,#68694d18);border-radius:16px;margin-bottom:40px;background:color-mix(in srgb,var(--paper,#fbf6ec) 94%,var(--coral,#dd795f))}.topic-guide .topic-status h2{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px}.topic-status dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.topic-status dt{font-size:12px;line-height:1.6}.topic-status dd{display:flex;flex-direction:column;gap:4px;margin:5px 0 0;font-size:11px;color:var(--muted,#7d846f)}.topic-status time{font-size:14px;color:var(--ink,#474c43);font-variant-numeric:tabular-nums}.topic-status>p{font-size:11px;line-height:1.7;max-width:850px}.topic-status-item[data-state=older] dd>span,.topic-status-item[data-state=unavailable] dd>span{color:#ae634e}
.topic-explainers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}.topic-explainers section{padding-top:23px;border-top:1px solid var(--line,#68694d18)}
.topic-sources{margin-top:45px;padding-top:30px;border-top:1px solid var(--line,#68694d18)}.topic-sources>p{font-size:12px}.topic-sources ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:23px 0 0}.topic-sources a{color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:13px}.topic-sources li p{font-size:12px;margin-top:8px}
.topic-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px;padding-top:30px;border-top:1px solid var(--line,#68694d18)}.topic-related h2{grid-column:1/-1}.topic-related>a{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid var(--line,#68694d18);border-radius:12px;color:inherit;text-decoration:none}.topic-related strong{font-weight:500;font-size:16px}.topic-related strong>span{float:right;color:var(--coral,#dd795f)}.topic-related a>span{font-size:12px}.topic-related a:hover{background:color-mix(in srgb,var(--coral,#dd795f) 8%,transparent)}.topic-related .topic-back-to-map{grid-column:1/-1;justify-self:start;padding:9px 0;border:0;font-size:12px}
.topic-intro a:focus-visible,.topic-guide a:focus-visible{outline:2px solid var(--coral,#dd795f);outline-offset:5px}
.topic-noscript{max-width:1056px;margin:20px auto;padding:16px 24px;font:14px/1.6 system-ui,sans-serif}
body:has(.app.map-focus) :is(.topic-intro,.topic-guide),body:has(.app.pov-active) :is(.topic-intro,.topic-guide){display:none}
.topic-page:has(.app.map-focus),.topic-page:has(.app.pov-active){--topic-map-height:100dvh}
@media(max-width:950px){.topic-intro{padding:21px 20px;gap:14px;align-items:flex-start}.topic-intro h1{font-size:32px}.topic-intro>div>p:last-child{font-size:12px}.topic-guide-link{font-size:11px;gap:8px}.topic-guide{padding:38px 24px 65px}.topic-explainers{gap:27px}.topic-status{padding:20px}.topic-sources ul{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.topic-page{--topic-map-height:max(560px,70dvh)}.topic-intro{display:block;padding:20px}.topic-intro h1{font-size:31px}.topic-eyebrow{font-size:9px}.topic-guide-link{display:inline-flex;margin-top:8px;min-height:36px}.topic-guide{padding:33px 20px 60px}.topic-guide-heading h2{font-size:32px}.topic-explainers,.topic-related{grid-template-columns:1fr}.topic-explainers{gap:25px}.topic-guide h2{font-size:27px}.topic-status dl{grid-template-columns:1fr;gap:14px}.topic-status-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.topic-status dt{max-width:50%}.topic-status dd{margin:0;text-align:right}.topic-status time{font-size:12px}}