/* Only the explanatory section and its transition take on these palettes. */
html[data-barrier-tone="a"]{--tone-bg:#f5f1e8;--tone-ink:#34342e;--tone-body:#605d55;--tone-line:#ddd7c9}
html[data-barrier-tone="b"]{--tone-bg:#ffffff;--tone-ink:#292d30;--tone-body:#555d62;--tone-line:#e0e3e5}
html[data-barrier-tone="c"]{--tone-bg:#edf1e8;--tone-ink:#304535;--tone-body:#526052;--tone-line:#d0d9ca}
html[data-barrier-tone="d"]{--tone-bg:#282827;--tone-ink:#f6f2e8;--tone-body:#d9d5cc;--tone-line:#454541}
html[data-barrier-tone="e"]{--tone-bg:#f3eef2;--tone-ink:#503d50;--tone-body:#645864;--tone-line:#ded3dc}
html[data-barrier-tone] .hidden-barriers-section{background:var(--tone-bg);border-color:var(--tone-line);padding:88px 0 84px}
html[data-barrier-tone] .hidden-barriers-intro h2{color:var(--tone-ink)}
html[data-barrier-tone] .hidden-barriers-intro .hidden-barriers-science{color:var(--tone-body);font-size:1.1875rem;line-height:1.7;max-width:710px;margin-top:23px}
html[data-barrier-tone] .hidden-barriers-explanation p{color:var(--tone-body);font-size:1.125rem;line-height:1.75}
html[data-barrier-tone] .hidden-barriers-finale{color:var(--tone-ink);font-size:clamp(2.5rem,4.25vw,4rem);line-height:1.16}
html[data-barrier-tone] .pinpoint-support{background:#fff}
.tone-reading{display:contents}

/* A: Warm, human, and editorial. The graphic reads like a figure on paper. */
html[data-barrier-tone="a"] .hidden-barriers-intro{max-width:900px;margin-bottom:40px}
html[data-barrier-tone="a"] .hidden-barriers-intro h2{font-size:clamp(2.75rem,4.1vw,3.875rem)}
html[data-barrier-tone="a"] .hidden-barriers-explanation{max-width:830px;margin-top:36px}
html[data-barrier-tone="a"] .hidden-barriers-finale{margin-top:34px;max-width:940px}
html[data-barrier-tone="a"] .pinpoint-support{border-top:1px solid var(--tone-line)}

/* B: A white research page, with a compact, asymmetric introduction. */
html[data-barrier-tone="b"] .hidden-barriers-intro{max-width:none;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;text-align:left;margin-bottom:36px}
html[data-barrier-tone="b"] .hidden-barriers-intro h2{font-size:clamp(2.5rem,3.7vw,3.5rem)}
html[data-barrier-tone="b"] .hidden-barriers-intro .hidden-barriers-science{margin:0;max-width:none;font-size:1.125rem}
html[data-barrier-tone="b"] .tone-reading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:36px}
html[data-barrier-tone="b"] .hidden-barriers-explanation{margin:0;max-width:none;text-align:left}
html[data-barrier-tone="b"] .hidden-barriers-finale{text-align:left;margin:0;font-size:clamp(2.5rem,3.6vw,3.5rem);line-height:1.14}
html[data-barrier-tone="b"] .pinpoint-support{background:#f8f7f3}

/* C: Quiet sage, with a botanical ink tone and a composed closing statement. */
html[data-barrier-tone="c"] .hidden-barriers-intro{max-width:870px;margin-bottom:38px}
html[data-barrier-tone="c"] .hidden-barriers-intro h2{font-size:clamp(2.5rem,4vw,3.75rem)}
html[data-barrier-tone="c"] .hidden-barriers-explanation{max-width:810px;margin-top:34px}
html[data-barrier-tone="c"] .hidden-barriers-finale{max-width:1040px;margin-top:30px;padding:28px 40px;background:#e0e8d9;border-radius:8px;font-style:normal;font-size:clamp(2.5rem,4vw,3.875rem)}

/* D: Charcoal retains drama while taking the blue out of the surrounding field. */
html[data-barrier-tone="d"] .hidden-barriers-intro{max-width:900px;margin-bottom:42px}
html[data-barrier-tone="d"] .hidden-barriers-intro h2{font-size:clamp(2.75rem,4.2vw,4rem)}
html[data-barrier-tone="d"] .hidden-barriers-explanation{max-width:810px;margin-top:38px}
html[data-barrier-tone="d"] .hidden-barriers-finale{font-size:clamp(2.75rem,4.6vw,4.375rem);margin-top:38px;max-width:1000px}
html[data-barrier-tone="d"] .pinpoint-support{background:#f8f6f1}

/* E: Soft plum echoes the performance card without dominating the figure. */
html[data-barrier-tone="e"] .hidden-barriers-intro{max-width:none;text-align:left;margin-bottom:36px}
html[data-barrier-tone="e"] .hidden-barriers-intro h2{max-width:940px;font-size:clamp(2.5rem,3.9vw,3.75rem)}
html[data-barrier-tone="e"] .hidden-barriers-intro .hidden-barriers-science{max-width:800px;margin:20px 0 0}
html[data-barrier-tone="e"] .hidden-barriers-explanation{max-width:870px;text-align:left;margin-top:34px}
html[data-barrier-tone="e"] .hidden-barriers-problem p+p{font:400 1.375rem/1.55 var(--serif);letter-spacing:-.015em}
html[data-barrier-tone="e"] .hidden-barriers-finale{max-width:980px;text-align:left;margin:30px auto 0;font-size:clamp(2.5rem,4.3vw,4rem)}

@media(max-width:1050px) and (min-width:701px){
 html[data-barrier-tone="b"] .hidden-barriers-intro,html[data-barrier-tone="b"] .tone-reading{gap:36px}
}
@media(max-width:700px){
 html[data-barrier-tone] .hidden-barriers-section{padding:56px 0}
 html[data-barrier-tone] .hidden-barriers-intro{text-align:left;margin-bottom:28px}
 html[data-barrier-tone] .hidden-barriers-intro h2{font-size:clamp(2.25rem,8.4vw,3rem);line-height:1.12}
 html[data-barrier-tone] .hidden-barriers-intro .hidden-barriers-science{margin:18px 0 0;font-size:1.0625rem;line-height:1.7}
 html[data-barrier-tone] .hidden-barriers-explanation{text-align:left;margin-top:28px}
 html[data-barrier-tone] .hidden-barriers-explanation p{font-size:1.0625rem;line-height:1.7}
 html[data-barrier-tone] .hidden-barriers-finale{margin-top:28px;font-size:clamp(2.25rem,9vw,3rem);line-height:1.15;text-align:center}
 html[data-barrier-tone="b"] .hidden-barriers-intro,html[data-barrier-tone="b"] .tone-reading{display:block}
 html[data-barrier-tone="b"] .tone-reading{margin-top:28px}
 html[data-barrier-tone="b"] .hidden-barriers-explanation{margin-top:0}
 html[data-barrier-tone="b"] .hidden-barriers-finale{text-align:left;margin-top:25px;font-size:2.5rem}
 html[data-barrier-tone="c"] .hidden-barriers-finale{padding:24px 18px;border-radius:6px;font-size:2.125rem}
 html[data-barrier-tone="d"] .hidden-barriers-finale{font-size:clamp(2.5rem,10vw,3.25rem)}
 html[data-barrier-tone="e"] .hidden-barriers-problem p+p{font-size:1.25rem;line-height:1.55}
 html[data-barrier-tone="e"] .hidden-barriers-finale{text-align:left;font-size:2.5rem}
}