/* Wealth, ownership and the lived cost of insecurity. */
.wealth-chapter{--accent:var(--gold);border-top:1px solid var(--hairline)}
.wealth-copy{max-width:672px;margin-inline:auto}
.wealth-copy h3{font-size:1.35rem;margin-top:2.5rem;color:var(--gold)}
.wealth-ref{font-family:'IBM Plex Mono',monospace;font-size:.7em;white-space:nowrap}
.wealth-explorer{border-color:var(--hairline-strong)!important}
.wealth-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid var(--hairline);flex-wrap:wrap}
.wealth-toolbar[hidden],.wealth-timeline[hidden]{display:none}
.wealth-switch{display:flex;gap:6px;flex-wrap:wrap}
.wealth-switch button,.wealth-presets button{font:500 .7rem 'IBM Plex Mono',monospace;letter-spacing:.08em;padding:.7rem .9rem;color:var(--parchment);border:1px solid var(--hairline-strong);border-radius:4px;background:transparent;cursor:pointer}
.wealth-switch button[aria-pressed="true"]{color:var(--loam-deep);background:var(--gold);border-color:var(--gold)}
.wealth-unit{font:400 .6rem 'IBM Plex Mono',monospace;letter-spacing:.16em;color:var(--parchment-dim)}
.wealth-plot{padding:1.6rem clamp(16px,3vw,32px)}
.wealth-plot-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;margin-bottom:1.8rem}
.wealth-plot-heading h3{font-size:1.3rem;margin:0;color:var(--parchment)}
.wealth-plot-heading>span{font:400 .6rem 'IBM Plex Mono',monospace;color:var(--parchment-dim)}
.wealth-scale{display:flex;justify-content:space-between;margin:0 66px .75rem 170px;font:400 .6rem 'IBM Plex Mono',monospace;color:var(--parchment-faint)}
.wealth-row{display:grid;grid-template-columns:158px minmax(0,1fr) 54px;align-items:center;gap:12px;padding:.85rem 0;border-top:1px solid var(--hairline);--bar:var(--gold)}
.wealth-row[data-group="1"]{--bar:#C49162}
.wealth-row[data-group="2"]{--bar:var(--fern)}
.wealth-row[data-group="3"]{--bar:var(--water)}
.wealth-group strong{display:block;color:var(--bar);font-size:1rem}
.wealth-group small{display:block;color:var(--parchment-faint);font:400 .58rem/1.6 'IBM Plex Mono',monospace}
.wealth-track{height:24px;background:repeating-linear-gradient(90deg,rgba(233,225,204,.06) 0,rgba(233,225,204,.06) calc(25% - 1px),rgba(233,225,204,.2) calc(25% - 1px),rgba(233,225,204,.2) 25%);border-right:1px solid var(--hairline-strong)}
.wealth-track>span{display:block;height:100%;background:var(--bar);transition:width .3s ease}
.wealth-value{text-align:right;font:500 .82rem 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;color:var(--parchment)}
.wealth-timeline{padding:1.3rem 1.5rem;border-top:1px solid var(--hairline)}
.wealth-timeline label{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font:400 .68rem/1.6 'IBM Plex Mono',monospace;color:var(--parchment-dim)}
.wealth-timeline output{color:var(--gold)}
#wealth-year{width:100%;min-width:0;margin:.6rem 0;display:block}
.wealth-presets{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.wealth-presets button{padding:.4rem .65rem;font-size:.62rem}
.wealth-presets>span{font:400 .57rem/1.5 'IBM Plex Mono',monospace;color:var(--parchment-faint);text-align:center}
.wealth-insight{padding:1.1rem 1.5rem;font-size:1.02rem;border-top:1px solid var(--hairline);color:var(--gold);line-height:1.55;background:rgba(216,169,70,.04)}
.wealth-explorer figcaption{font-size:.65rem}
.wealth-pressure{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:2.5rem 0;border-block:1px solid var(--hairline-strong)}
.wealth-pressure li{padding:1.3rem 1.2rem;border-left:1px solid var(--hairline)}
.wealth-pressure li:first-child{border-left:0}
.wealth-pressure li>span{display:block;font:400 .65rem 'IBM Plex Mono',monospace;color:var(--ember);margin-bottom:.7rem}
.wealth-pressure strong{display:block;font-size:1rem;color:var(--parchment);margin-bottom:.5rem}
.wealth-pressure p{font-size:.85rem;color:var(--parchment-dim);line-height:1.7;margin:0}
.wealth-quote{border-left:2px solid var(--gold);padding:1.2rem 0 1.2rem 1.6rem;margin:2.5rem 0}
.wealth-quote p{font-style:italic;font-size:clamp(1.45rem,4vw,2rem);line-height:1.4;margin-bottom:.8rem}
.wealth-quote cite{font:400 .66rem/1.8 'IBM Plex Mono',monospace;color:var(--parchment-dim)}
.wealth-sources{margin:3rem auto 0;max-width:720px;border:1px solid var(--hairline-strong);border-radius:8px;padding:1.1rem 1.4rem}
.wealth-sources summary{font:500 .75rem/1.7 'IBM Plex Mono',monospace;color:var(--gold);cursor:pointer}
.wealth-sources ol{padding-left:1.2rem;margin-top:1rem}
.wealth-sources li,.wealth-sources>p{font-size:.83rem;line-height:1.75;color:var(--parchment-dim);margin:.9rem 0;overflow-wrap:anywhere;scroll-margin-top:30px}
@media(max-width:720px){.wealth-pressure{grid-template-columns:1fr 1fr}.wealth-pressure li:nth-child(3){border-left:0}.wealth-pressure li:nth-child(n+3){border-top:1px solid var(--hairline)}}
@media(max-width:480px){
.wealth-row{grid-template-columns:1fr 56px;gap:8px;padding:1rem 0}
.wealth-group{grid-column:1}.wealth-value{grid-column:2;grid-row:auto}
.wealth-track{grid-column:1/-1;grid-row:auto;order:3;height:20px}
.wealth-group small{font-size:.57rem}
.wealth-scale{margin:0 0 .5rem}
.wealth-toolbar{padding:1rem}
.wealth-unit{font-size:.55rem}
.wealth-timeline{padding:1rem}
.wealth-presets>span{max-width:95px}
.wealth-insight{padding:1rem}
.wealth-pressure{grid-template-columns:1fr}
.wealth-pressure li{border-left:0;border-top:1px solid var(--hairline)}
.wealth-pressure li:first-child{border-top:0}
}
@media(prefers-reduced-motion:reduce){.wealth-track>span{transition:none}}
