/* Native editorial visuals replace arbitrary photography on abstract topics. */
.topic-hero-visual{--tv-bg:#f7eff6;--tv-ink:#3d3455;--tv-accent:#79528e;--tv-soft:#e8d8ec;--tv-contrast:#fffafc;min-width:0;min-height:340px;margin:0;padding:25px 25px 18px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:var(--tv-bg);color:var(--tv-ink);border-left:1px solid #ffffff50;overflow:hidden}
.topic-hero-visual[data-topic-tone="navy"]{--tv-bg:#edf2fa;--tv-ink:#263753;--tv-accent:#3f5e8c;--tv-soft:#dbe4f1;--tv-contrast:#f8faff}
.topic-hero-visual[data-topic-tone="berry"]{--tv-bg:#faedf3;--tv-ink:#55304c;--tv-accent:#9a446d;--tv-soft:#f0d8e4;--tv-contrast:#fff8fb}
.topic-hero-visual[data-topic-tone="clay"]{--tv-bg:#fff1e6;--tv-ink:#5e382f;--tv-accent:#a75a36;--tv-soft:#f2ddcb;--tv-contrast:#fffaf4}
.topic-visual-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--tv-accent) 30%,transparent)}
.topic-visual-kicker{font:800 .59rem/1.5 Montserrat,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--tv-accent)}
.topic-visual-mark{display:flex;gap:4px;flex:none}
.topic-visual-mark i{display:block;width:17px;height:5px;background:var(--tv-accent);transform:skewX(-23deg)}
.topic-visual-mark i:nth-child(2){opacity:.65}.topic-visual-mark i:nth-child(3){opacity:.38}
.topic-visual-title{font:750 clamp(1rem,1.65vw,1.3rem)/1.28 Montserrat,Arial,sans-serif!important;letter-spacing:-.035em;color:var(--tv-ink)!important;margin:0!important;text-wrap:balance}
.topic-visual-diagram{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.topic-visual-items{list-style:none;margin:0;padding:0;min-width:0}
.topic-visual-items li{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none;font:700 .76rem/1.36 Montserrat,Arial,sans-serif}
.topic-visual-index{font:800 .57rem/1 Montserrat,Arial,sans-serif;letter-spacing:.06em;color:var(--tv-accent)}
.topic-hero-visual figcaption{font:.65rem/1.55 Montserrat,Arial,sans-serif;color:var(--tv-ink);opacity:.84;border-top:1px solid color-mix(in srgb,var(--tv-accent) 30%,transparent);padding-top:10px;margin-top:auto}

/* Reading bands: an editorial comparison with equal visual weight. */
.topic-visual-segments .topic-visual-items{display:grid;gap:7px}
.topic-visual-segments .topic-visual-items li{display:flex;align-items:center;gap:13px;padding:11px 14px;background:var(--tv-contrast);border-left:4px solid var(--tv-accent)}
.topic-visual-segments .topic-visual-items li:nth-child(2){border-left-color:#b66591}
.topic-visual-segments .topic-visual-items li:nth-child(3){border-left-color:#d58a53}

/* Two equally weighted lenses, with no numeric encoding. */
.topic-visual-balance .topic-visual-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.topic-visual-balance .topic-visual-items li{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--tv-contrast);padding:16px 12px 13px;border-top:5px solid var(--tv-accent)}
.topic-visual-balance .topic-visual-items li+li{border-top-color:#bc7093}
.topic-visual-balance .topic-visual-index{font-size:.72rem}

/* A source category splits into two disjoint reading groups. */
.topic-visual-branch .topic-visual-center{margin:0 auto 15px;padding:12px 15px;background:var(--tv-accent);color:#fff;font:700 .77rem/1.4 Montserrat,Arial,sans-serif;text-align:center;min-width:54%;max-width:100%;position:relative}
.topic-visual-branch .topic-visual-center:after{content:"";position:absolute;top:100%;left:50%;height:15px;border-left:2px solid var(--tv-accent)}
.topic-visual-branch .topic-visual-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.topic-visual-branch .topic-visual-items li{display:flex;align-items:center;min-height:82px;padding:12px;background:var(--tv-contrast);border-top:3px solid var(--tv-accent);font-size:.72rem;text-align:center;justify-content:center}
.topic-visual-branch .topic-visual-items li+li{border-top-color:#bd7293}
.topic-visual-branch .topic-visual-index{display:none}

/* Four connected contributors sit around a central subject. */
.topic-visual-hub .topic-visual-center{align-self:center;min-width:54%;max-width:100%;padding:13px 16px;margin:0 0 9px;border:2px solid var(--tv-accent);border-radius:40px;background:var(--tv-contrast);text-align:center;font:800 .79rem/1.35 Montserrat,Arial,sans-serif;box-shadow:0 7px 0 var(--tv-soft)}
.topic-visual-hub .topic-visual-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.topic-visual-hub .topic-visual-items li{display:flex;align-items:center;justify-content:center;min-height:60px;padding:9px 11px;text-align:center;background:var(--tv-contrast);border-bottom:3px solid var(--tv-accent);font-size:.69rem}
.topic-visual-hub .topic-visual-items li:nth-child(even){border-color:#bd7293}
.topic-visual-hub .topic-visual-items li:nth-child(3){border-color:#d58a53}
.topic-visual-hub .topic-visual-index{display:none}

/* Decision matrix: every cell has equal emphasis. */
.topic-visual-matrix .topic-visual-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.topic-visual-matrix .topic-visual-items li{min-height:65px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding:11px;background:var(--tv-contrast);border-left:3px solid var(--tv-accent);font-size:.7rem}
.topic-visual-matrix .topic-visual-items li:nth-child(4n+2){border-color:#b76591}
.topic-visual-matrix .topic-visual-items li:nth-child(4n+3){border-color:#d58a53}
.topic-visual-matrix .topic-visual-items li:nth-child(4n+4){border-color:#535c89}
.topic-visual-matrix .topic-visual-index{opacity:.7;align-self:flex-start}

/* The arrows communicate a process, not a quantitative scale. */
.topic-visual-flow .topic-visual-items{display:grid;gap:9px}
.topic-visual-flow .topic-visual-items li{position:relative;display:flex;align-items:center;gap:12px;min-height:38px;padding:6px 12px;background:var(--tv-contrast);border-left:3px solid var(--tv-accent);font-size:.72rem}
.topic-visual-flow .topic-visual-items li:nth-child(3n+2){border-color:#b76591}
.topic-visual-flow .topic-visual-items li:nth-child(3n){border-color:#d58a53}
.topic-visual-flow .topic-visual-items li+li:before{content:"↓";position:absolute;top:-11px;left:21px;z-index:1;color:var(--tv-accent);font-size:.68rem;font-weight:800;line-height:1;background:var(--tv-bg);padding:0 2px}

/* Six project-readiness stages fit the compact hero without pretending to show status. */
.topic-visual-readiness .topic-visual-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.topic-visual-readiness .topic-visual-items li{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:57px;padding:9px 11px;background:var(--tv-contrast);border-top:3px solid var(--tv-accent);font-size:.66rem}
.topic-visual-readiness .topic-visual-items li:nth-child(3n+2){border-color:#b76591}.topic-visual-readiness .topic-visual-items li:nth-child(3n){border-color:#d58a53}

/* Both reading systems place the visual where a topical photograph would sit. */
.editorial-reader .executive-opening.has-topic-visual{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr)}
.editorial-reader.web-edition .web-article-hero.has-interior-photo:has(.topic-hero-visual) .topic-hero-visual{grid-column:2;grid-row:1}
@media(max-width:1150px){.editorial-reader.web-edition[data-editorial-chapter="summary-background"] .executive-opening.has-topic-visual{grid-template-columns:1fr}}
@media(max-width:1000px){.editorial-reader.web-edition .web-article-hero.has-interior-photo:has(.topic-hero-visual) .topic-hero-visual{grid-column:1;grid-row:2;min-height:0;border-left:0}}
@media(max-width:620px){.topic-hero-visual{min-height:0;padding:22px 19px 17px;gap:12px}.topic-visual-title{font-size:1.04rem!important}.topic-visual-items li{font-size:.68rem}.topic-visual-balance .topic-visual-items li{min-height:87px;padding:12px 10px}.topic-visual-branch .topic-visual-items li{min-height:74px;font-size:.65rem}.topic-visual-hub .topic-visual-items li{min-height:55px}.topic-visual-matrix .topic-visual-items li{min-height:56px;font-size:.65rem}}
@media print{.topic-hero-visual{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}}