/* Review controls belong to the mockups, not the website. */
.context-review{background:#fff;border-bottom:1px solid var(--line)}
.context-review-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.context-review a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.875rem;color:var(--body);white-space:nowrap}
.context-review-name{font-size:.875rem;color:var(--navy)}
.context-review nav{display:flex;gap:4px}
.context-review nav a{justify-content:center;min-width:44px;padding:8px 12px;border-radius:6px}
.context-review nav a[aria-current]{background:var(--pale);color:var(--navy);font-weight:650}
.context-review a:hover{color:var(--blue)}
.context-review #review-desktop-toggle{color:var(--blue)}
.context-reading{display:contents}

/* A: The current composition with more deliberate breathing room. */
html[data-barrier-direction="a"] .hidden-barriers-section{padding:100px 0 96px}
html[data-barrier-direction="a"] .hidden-barriers-intro{max-width:920px;margin-bottom:42px}
html[data-barrier-direction="a"] .hidden-barriers-intro h2{font-size:clamp(2.75rem,4.3vw,4rem)}
html[data-barrier-direction="a"] .hidden-barriers-intro .hidden-barriers-science{max-width:680px;font-size:1.1875rem;margin-top:24px}
html[data-barrier-direction="a"] .hidden-barriers-explanation{max-width:820px;margin-top:40px}
html[data-barrier-direction="a"] .hidden-barriers-explanation p{font-size:1.125rem;line-height:1.75}
html[data-barrier-direction="a"] .hidden-barriers-problem p+p{margin-top:20px}
html[data-barrier-direction="a"] .hidden-barriers-finale{font-size:clamp(2.5rem,4.3vw,4.125rem);margin-top:40px;max-width:1000px}

/* B: A split opener and two parallel reflections beneath the original graphic. */
html[data-barrier-direction="b"] .hidden-barriers-intro{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end;text-align:left;margin-bottom:40px}
html[data-barrier-direction="b"] .hidden-barriers-intro h2{font-size:clamp(2.5rem,3.8vw,3.625rem);line-height:1.13}
html[data-barrier-direction="b"] .hidden-barriers-intro .hidden-barriers-science{margin:0;font-size:1.1875rem;line-height:1.65}
html[data-barrier-direction="b"] .hidden-barriers-explanation{max-width:none;text-align:left;margin-top:36px}
html[data-barrier-direction="b"] .hidden-barriers-problem{display:grid;grid-template-columns:1fr 1fr;gap:64px}
html[data-barrier-direction="b"] .hidden-barriers-problem p+p{margin:0}
html[data-barrier-direction="b"] .hidden-barriers-explanation p{font-size:1.125rem;line-height:1.7}
html[data-barrier-direction="b"] .hidden-barriers-finale{font-size:clamp(2.5rem,4.3vw,4rem);margin-top:40px;max-width:1020px}

/* C: Navy holds the science; an ivory reading panel holds the human meaning. */
html[data-barrier-direction="c"] .hidden-barriers-section{padding-bottom:72px}
html[data-barrier-direction="c"] .hidden-barriers-intro{max-width:900px;margin-bottom:40px}
html[data-barrier-direction="c"] .context-reading{display:block;max-width:1040px;margin:36px auto 0;padding:40px 64px 44px;background:#f8f6f1;border-radius:10px}
html[data-barrier-direction="c"] .hidden-barriers-explanation{margin:0 auto;max-width:800px;text-align:center}
html[data-barrier-direction="c"] .hidden-barriers-explanation p{color:var(--body);font-size:1.125rem;line-height:1.7}
html[data-barrier-direction="c"] .hidden-barriers-problem p+p{margin-top:18px}
html[data-barrier-direction="c"] .hidden-barriers-finale{color:var(--navy);font-size:clamp(2.5rem,4vw,3.875rem);line-height:1.16;margin-top:28px;max-width:880px}

/* D: Quiet setup, then a large serif statement as the moment of emphasis. */
html[data-barrier-direction="d"] .hidden-barriers-intro{max-width:870px;margin-bottom:36px}
html[data-barrier-direction="d"] .hidden-barriers-intro h2{font-size:clamp(2.5rem,3.8vw,3.5rem)}
html[data-barrier-direction="d"] .hidden-barriers-intro .hidden-barriers-science{font-size:1.125rem;max-width:740px;margin-top:22px}
html[data-barrier-direction="d"] .hidden-barriers-explanation{max-width:830px;margin-top:36px}
html[data-barrier-direction="d"] .hidden-barriers-explanation p{font-size:1.0625rem;line-height:1.7}
html[data-barrier-direction="d"] .hidden-barriers-problem p+p{margin-top:24px;color:#dbe7fa;font:italic 400 1.625rem/1.45 var(--serif);letter-spacing:-.02em}
html[data-barrier-direction="d"] .hidden-barriers-finale{font:400 clamp(3rem,5.6vw,5.25rem)/1.04 var(--serif);letter-spacing:-.05em;margin-top:34px;max-width:1100px}

/* E: An economical editorial layout, with the conclusion beside the reading. */
html[data-barrier-direction="e"] .hidden-barriers-section{padding:76px 0 72px}
html[data-barrier-direction="e"] .hidden-barriers-intro{max-width:none;text-align:left;margin-bottom:32px}
html[data-barrier-direction="e"] .hidden-barriers-intro h2{max-width:960px;font-size:clamp(2.5rem,3.7vw,3.625rem)}
html[data-barrier-direction="e"] .hidden-barriers-intro .hidden-barriers-science{max-width:820px;margin:18px 0 0;font-size:1.125rem}
html[data-barrier-direction="e"] .context-reading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:32px}
html[data-barrier-direction="e"] .hidden-barriers-explanation{margin:0;max-width:none;text-align:left}
html[data-barrier-direction="e"] .hidden-barriers-explanation p{font-size:1.0625rem;line-height:1.7}
html[data-barrier-direction="e"] .hidden-barriers-problem p+p{margin-top:18px}
html[data-barrier-direction="e"] .hidden-barriers-finale{margin:0;text-align:left;font-size:clamp(2.5rem,3.9vw,3.75rem);line-height:1.13}

@media(max-width:1050px) and (min-width:701px){
 html[data-barrier-direction="b"] .hidden-barriers-intro,html[data-barrier-direction="b"] .hidden-barriers-problem,html[data-barrier-direction="e"] .context-reading{gap:36px}
 html[data-barrier-direction="c"] .context-reading{padding:34px 40px}
}
@media(max-width:700px){
 .context-review-inner{flex-wrap:wrap;gap:0 12px;padding-block:8px}
 .context-review-name{order:4;width:100%;padding:4px 0 8px;font-size:.8125rem}
 .context-review nav{gap:0}
 .context-review nav a{min-width:36px;padding:8px}
 .context-review a{font-size:.8125rem}
 html[data-barrier-direction] .hidden-barriers-section{padding:56px 0}
 html[data-barrier-direction] .hidden-barriers-intro{margin-bottom:28px;text-align:left}
 html[data-barrier-direction] .hidden-barriers-intro h2{font-size:clamp(2.25rem,8.4vw,3rem);line-height:1.12}
 html[data-barrier-direction] .hidden-barriers-intro .hidden-barriers-science{margin:18px 0 0;font-size:1.0625rem;line-height:1.7}
 html[data-barrier-direction] .hidden-barriers-explanation{margin-top:28px;text-align:left}
 html[data-barrier-direction] .hidden-barriers-explanation p{font-size:1.0625rem;line-height:1.7}
 html[data-barrier-direction] .hidden-barriers-finale{font-size:clamp(2.25rem,9vw,3rem);line-height:1.15;margin-top:30px;text-align:center}
 html[data-barrier-direction="b"] .hidden-barriers-intro,html[data-barrier-direction="b"] .hidden-barriers-problem{display:block}
 html[data-barrier-direction="b"] .hidden-barriers-problem p+p{margin-top:18px}
 html[data-barrier-direction="c"] .context-reading{margin-top:28px;padding:26px 22px 30px;border-radius:8px}
 html[data-barrier-direction="c"] .hidden-barriers-explanation{margin-top:0}
 html[data-barrier-direction="c"] .hidden-barriers-finale{font-size:2.125rem;margin-top:24px}
 html[data-barrier-direction="d"] .hidden-barriers-problem p+p{font-size:1.375rem;line-height:1.5}
 html[data-barrier-direction="d"] .hidden-barriers-finale{font-size:clamp(2.75rem,11vw,3.75rem);line-height:1.06;font-style:normal;margin-top:28px}
 html[data-barrier-direction="e"] .context-reading{display:block;margin-top:28px}
 html[data-barrier-direction="e"] .hidden-barriers-explanation{margin-top:0}
 html[data-barrier-direction="e"] .hidden-barriers-finale{text-align:left;margin-top:25px;font-size:2.5rem}
}
@media(max-width:370px){.context-review-inner{column-gap:8px}.context-review nav a{min-width:32px;padding:8px 6px}.context-review-home{flex:1 1 auto}.context-review #review-desktop-toggle{order:3}}