pages. Each variant scopes its overrides under html[data-chart-variant="vN"]. Only the chart-bearing sections (Opportunity,Players,Diaspora) are affected; chrome and non-chart sections stay identical. ============================================================= */ html[data-chart-variant="v2"] .moment__inner{grid-template-columns:1fr!important;max-width:var(--container)!important}html[data-chart-variant=v2] .moment__charts{grid-template-columns:1fr!important}html[data-chart-variant=v2] .moment__charts .flourish-figure :global(.flourish-embed),html[data-chart-variant=v2] .opp-split .flourish-figure :global(.flourish-embed),html[data-chart-variant=v2] .dia-split .flourish-figure :global(.flourish-embed){aspect-ratio:21 / 9!important}html[data-chart-variant=v2] .moment__text{max-width:60ch;margin-bottom:1rem}html[data-chart-variant=v2] .opp-split__inner,html[data-chart-variant=v2] .dia-split__inner{grid-template-columns:1fr!important}html[data-chart-variant=v3] .chart-tabs{position:relative}html[data-chart-variant=v3] .chart-tabs__buttons{display:flex;gap:.5rem;margin-bottom:.75rem}html[data-chart-variant=v3] .chart-tabs__btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-xs);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-rule);padding:.5rem .95rem;border-radius:999px;cursor:pointer;transition:all .2s var(--ease-out)}html[data-chart-variant=v3] .chart-tabs__btn[aria-selected=true]{color:#000;background:var(--color-accent-green);border-color:var(--color-accent-green)}html[data-chart-variant=v3] .chart-tabs>.flourish-figure{margin-top:0}html[data-chart-variant=v3] .chart-tabs>.flourish-figure[hidden]{display:none}html[data-chart-variant=v3] .moment__charts,html[data-chart-variant=v3] .opp-split .opp-split__inner,html[data-chart-variant=v3] .dia-split .dia-split__inner{display:block}html[data-chart-variant=v4] .moment__inner{align-items:stretch!important}html[data-chart-variant=v4] .moment__text{position:sticky;top:12vh;align-self:start}html[data-chart-variant=v4] .moment__charts{display:grid;grid-template-columns:1fr;gap:4rem}html[data-chart-variant=v4] .moment__charts .flourish-figure :global(.flourish-embed){aspect-ratio:4 / 3!important}html[data-chart-variant=v4] .opp-split__chart,html[data-chart-variant=v4] .dia-split__chart{position:sticky;top:12vh}html[data-chart-variant=v4] .opp-split__text,html[data-chart-variant=v4] .dia-split__text{padding-block:4rem;font-size:var(--fs-lg);line-height:1.6}html[data-chart-variant=v5] .moment{padding-block:1rem 0!important;background:transparent!important}html[data-chart-variant=v5] .moment__inner{grid-template-columns:1fr!important;max-width:var(--container)!important;gap:0!important}html[data-chart-variant=v5] .moment--text-left .moment__text,html[data-chart-variant=v5] .moment--text-right .moment__text{grid-column:1!important;order:0!important}html[data-chart-variant=v5] .moment--text-left .moment__charts,html[data-chart-variant=v5] .moment--text-right .moment__charts{grid-column:1!important;order:1!important}html[data-chart-variant=v5] .moment__text{flex-direction:row!important;align-items:baseline!important;flex-wrap:wrap;gap:.85rem;margin:1.5rem 0 .75rem;padding-top:0}html[data-chart-variant=v5] .moment__num{font-size:var(--fs-xs)}html[data-chart-variant=v5] .moment__title{font-size:var(--fs-lg)}html[data-chart-variant=v5] .moment__lede{max-width:none;color:var(--color-text-muted);font-size:var(--fs-sm)}html[data-chart-variant=v5] .moment__charts{grid-template-columns:1fr!important;gap:0}html[data-chart-variant=v5] .moment__charts .flourish-figure{margin:0}html[data-chart-variant=v5] .moment__charts .flourish-figure :global(.flourish-embed),html[data-chart-variant=v5] .opp-split .flourish-figure :global(.flourish-embed),html[data-chart-variant=v5] .dia-split .flourish-figure :global(.flourish-embed){aspect-ratio:16 / 11!important}html[data-chart-variant=v5] .opp-split__inner,html[data-chart-variant=v5] .dia-split__inner{grid-template-columns:1fr!important;align-items:start!important;gap:.75rem!important}html[data-chart-variant=v5] .opp-split--text-right .opp-split__chart,html[data-chart-variant=v5] .dia-split--text-right .dia-split__chart,html[data-chart-variant=v5] .opp-split--text-left .opp-split__chart,html[data-chart-variant=v5] .dia-split--text-left .dia-split__chart{order:1!important}html[data-chart-variant=v5] .opp-split--text-right .opp-split__text,html[data-chart-variant=v5] .dia-split--text-right .dia-split__text,html[data-chart-variant=v5] .opp-split--text-left .opp-split__text,html[data-chart-variant=v5] .dia-split--text-left .dia-split__text{order:0!important;max-width:60ch}html[data-chart-variant=v5] .opp-split,html[data-chart-variant=v5] .dia-split{padding-block:1rem!important}html[data-chart-variant=v6] .moment{padding-block:clamp(4rem,9vw,8rem)!important}html[data-chart-variant=v6] .moment__inner{grid-template-columns:minmax(280px,1fr) 3fr!important;align-items:start;gap:clamp(2rem,4vw,4rem)!important}html[data-chart-variant=v6] .moment__num{font-size:clamp(4rem,8vw,7rem);line-height:.85;color:var(--color-accent-blue);opacity:.85;margin-bottom:.5rem}html[data-chart-variant=v6] .moment__title{font-size:var(--fs-2xl);margin-bottom:.5rem}html[data-chart-variant=v6] .moment__lede{font-size:var(--fs-base)}html[data-chart-variant=v6] .moment__charts{grid-template-columns:1fr 1fr;gap:2rem}html[data-chart-variant=v6] .moment__charts .flourish-figure :global(.flourish-embed){aspect-ratio:5 / 4!important}html[data-chart-variant=v6] .opp-split__inner,html[data-chart-variant=v6] .dia-split__inner{grid-template-columns:minmax(220px,1fr) 3fr!important}html[data-chart-variant=v6] .opp-split__text,html[data-chart-variant=v6] .dia-split__text{font-size:var(--fs-base);line-height:1.6}html[data-chart-variant=v6] .opp-split .flourish-figure :global(.flourish-embed),html[data-chart-variant=v6] .dia-split .flourish-figure :global(.flourish-embed){aspect-ratio:16 / 10!important}