.study-page--wellness{--study-accent:#4b5f38;--study-light:#c4d4a9;--study-soft:#e6eadf;--study-deep:#263328;--study-rule:#cbd3c0}
.study-page--wellness .study-hero-art{background:#e3e7d9}
.study-page--wellness .study-downloads{background:#e3e7d9}
.wellness-section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;margin-bottom:2.5rem}
.wellness-section-heading>p,.wellness-reading{max-width:65ch}
.wellness-section-heading>p{margin:0;font-size:.95rem}
.wellness-highlight-context{align-self:center;max-width:34rem}
.wellness-highlight-context .chart-note{color:#c9cdc3}
.wellness-index-number{font-size:clamp(4rem,7vw,7rem);font-weight:800;line-height:1.15!important;letter-spacing:-.05em;margin:0}
.wellness-highlight-context .text-link{color:white;margin-top:1rem}
.outcome-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-block:2rem}
.outcome-controls button{min-height:48px;padding:.65rem 1rem;border:1px solid #7b8472;border-radius:6px;background:transparent;font:inherit;font-weight:600;font-size:.82rem;cursor:pointer;color:var(--ink)}
.outcome-controls button[aria-pressed=true]{background:var(--study-accent);color:white;border-color:var(--study-accent)}
.outcome-controls button:hover{background:#dce4d0;color:var(--ink)}
.outcome-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.outcome-row{background:white;padding:clamp(1.2rem,2.4vw,2rem);border-radius:8px;border-top:3px solid var(--study-accent);display:flex;flex-direction:column}
.outcome-row[hidden]{display:none}
.outcome-row h3{font-size:1.15rem;margin:0 0 .5rem}
.outcome-row>div>p{font-size:.85rem;min-height:3em;margin:0}
.outcome-row dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0 .5rem}
.outcome-row dl>div+div{border-left:1px solid var(--line);padding-left:1rem}
.outcome-row dt{font-size:.72rem;color:#555e4b}
.outcome-row dd{margin:0;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:750;letter-spacing:-.04em}
.outcome-unit{font-size:.7rem!important;color:#555e4b;margin-top:auto}
.outcome-row[data-outcome=similar]{border-color:#767975}
.outcome-row[data-outcome=worse]{border-color:#986d3f}
.wellness-trends{background:#e6eadf}
.wellness-trends .chart-panel{border-top:0}
.trend-figure{overflow-x:auto}
.trend-figure svg{display:block;width:100%;min-width:560px;font-family:inherit;font-size:14px}
.trend-figure svg text{font-weight:600}
.trend-series{transition:opacity .2s}
.trend-series.is-dimmed{opacity:.12}
.wellness-reading{margin-block:2rem 1rem}
.wellness-connection{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.wellness-connection figure{margin:0;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#0a0a0a}
.wellness-connection img{width:100%;height:100%;object-fit:cover}
.wellness-framework-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);padding-block:4rem;border-bottom:1px solid var(--line)}
.framework-heading{position:sticky;top:100px;align-self:start;min-width:0}
.framework-evidence{min-width:0}
.framework-number{font-size:clamp(4rem,8vw,8rem);font-weight:800;letter-spacing:-.06em;line-height:1.1;color:var(--study-accent)}
.framework-heading .eyebrow{margin-top:1.5rem}
.framework-heading h3{margin-block:1rem}
.framework-heading>p:last-child{font-size:1rem}
.framework-evidence>p{margin:0 0 1.2rem;font-size:.95rem}
.wellness-disclosure{border-block-end:1px solid var(--study-rule);padding:1rem 0}
.wellness-disclosure summary{font-weight:650;cursor:pointer;min-height:48px;align-content:center;line-height:1.4;padding-right:.25rem}
.wellness-disclosure summary span{display:inline-block;color:var(--study-accent);margin-right:1rem;font-size:.8rem}
.wellness-disclosure p,.wellness-disclosure li{font-size:.9rem;line-height:1.7}
.wellness-disclosure ul{list-style:disc;padding-left:1.2rem}
.source-chart-link{display:block;margin-top:1rem;background:#fff;padding:.6rem;text-decoration:none}
.source-chart-link img{width:100%;height:auto}
.source-chart-link span{display:flex;align-items:center;gap:1rem;min-height:48px;font-size:.8rem;font-weight:600}
.civic-row{border-bottom:1px solid var(--line);padding:1.2rem 0}
.civic-label{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.civic-label h4{margin:0 0 .75rem;font-size:.88rem}
.civic-label>span{font-size:.72rem;white-space:nowrap;color:var(--study-accent);font-weight:700}
.paired-bar{display:grid;grid-template-columns:6rem 1fr 2.3rem;align-items:center;gap:.7rem;font-size:.7rem;margin-bottom:.55rem}
.paired-bar>div{height:12px;background:#edf0e8;border-radius:3px;overflow:hidden}
.paired-bar i,.stability-track i{height:100%;width:var(--bar);display:block;background:var(--study-accent);transform-origin:left}
.paired-bar i.secondary{background:#919979}
.paired-bar strong{text-align:right;font-variant-numeric:tabular-nums}
.wellness-chart-reveal .paired-bar i{animation:wellness-bars .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes wellness-bars{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.stability-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#0a0a0a;color:#fff;border-radius:8px;padding:1.5rem}
.stability-grid .finding-number{font-size:clamp(3rem,5vw,5rem);color:white}
.stability-grid .finding-number span{color:#c4d4a9}
.stability-grid>div>p:not(.finding-number){font-size:.85rem}
.stability-track{height:6px;background:#44483e;border-radius:3px;overflow:hidden;margin-block:1rem}
.stability-track i{background:#c4d4a9}
.workplace-responses{background:#e6eadf;padding:1.5rem;border-radius:8px}
.workplace-responses h4{margin-top:0}
.workplace-responses dl{margin:0}
.workplace-responses dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;padding:.8rem 0;border-top:1px solid #c6cebb;font-size:.85rem}
.workplace-responses dt{font-weight:700}.workplace-responses dd{margin:0}
.wellness-paradox{background:#e6eadf}
.wellness-paradox-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}
.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.leader-grid article{min-width:0;background:white;padding:2rem;border-radius:8px}
.leader-grid h3{margin-block:1rem}.leader-grid p{font-size:.9rem}
.wellness-csv{margin-bottom:3rem}
@media(max-width:900px){.wellness-section-heading{gap:2rem}.wellness-framework-row{grid-template-columns:1fr;gap:1.5rem}.framework-heading{position:static}.framework-number{float:left;margin-right:1.5rem}.framework-heading .eyebrow{margin-top:.5rem}.framework-heading>p:last-child{clear:both;padding-top:1rem}.leader-grid{grid-template-columns:minmax(0,1fr)}.wellness-paradox-grid{grid-template-columns:1fr}.chapter-desktop{display:none}.chapter-mobile{display:block}}
@media(max-width:600px){.wellness-section-heading,.wellness-connection{grid-template-columns:1fr}.outcome-list{grid-template-columns:minmax(0,1fr)}.outcome-controls{display:grid;grid-template-columns:1fr 1fr}.outcome-controls button{font-size:.72rem;padding:.6rem .4rem}.outcome-row dd{font-size:2.6rem}.wellness-section-heading{gap:1rem}.paired-bar{grid-template-columns:5rem 1fr 2.3rem;gap:.4rem}.stability-grid{gap:1rem;padding:1.2rem}.civic-label{flex-wrap:wrap;gap:0 .8rem}.wellness-connection figure{aspect-ratio:16/9}.workplace-responses dl>div{grid-template-columns:1fr;gap:.4rem}}
@media(prefers-reduced-motion:reduce){.wellness-chart-reveal .paired-bar i{animation:none}.trend-series{transition:none}}
@media(forced-colors:active){.outcome-controls button[aria-pressed=true]{outline:3px solid Highlight}.paired-bar i{background:CanvasText}.paired-bar i.secondary{background:GrayText}.trend-series polyline{stroke:CanvasText}.trend-series circle{fill:CanvasText}.trend-series text{fill:CanvasText}}
@media screen and (min-width:901px) {
 .wellness-framework-row { container-type:inline-size; }
 .framework-heading { top:calc(var(--study-pin-top) + 4rem); }
 .framework-heading::before { content:""; position:absolute; top:-4rem; left:0; width:100cqw; border-top:1px solid var(--line); pointer-events:none; }
}
/* Keep labels and figures readable when narrow layouts or enlarged text leave less room. */
.outcome-row { min-width:0; container-type:inline-size; }
@container (max-width:12rem) {
 .outcome-row dl { grid-template-columns:minmax(0,1fr); }
 .outcome-row dl>div+div { border-left:0; padding-left:0; border-top:1px solid var(--line); padding-top:1rem; }
}
@media(max-width:900px) {
 .wellness-framework-row { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
 .paired-bar { grid-template-columns:minmax(0,1fr) auto; }
 .paired-bar>span { grid-column:1; grid-row:1; }
 .paired-bar strong { grid-column:2; grid-row:1; }
 .paired-bar>div { grid-column:1/-1; grid-row:2; }
 .stability-grid { grid-template-columns:minmax(0,1fr); }
}
