/* Three presentation studies; B is the selected default. */
html[data-introstyle] .bio-bridge-copy{max-width:760px;margin-inline:auto}
html[data-introstyle] .bio-bridge-copy p{max-width:none;margin:0;color:#41566d;font:400 1.15rem/1.75 var(--sans);letter-spacing:0}
html[data-introstyle] .bio-bridge-copy p+p{margin-top:22px}
html[data-introstyle] .bio-bridge-response{margin-top:22px}
html[data-introstyle] .bio-bridge-copy strong{color:var(--navy);font-weight:600}
html[data-introstyle] .bio-bridge-copy em{font-style:normal;font-weight:600;color:var(--navy)}

/* A: One centered reading rhythm, one body size throughout. */
html[data-introstyle="a"] .bio-bridge-copy{text-align:center}

/* B: A restrained editorial column, with space marking the turn to Rich. */
html[data-introstyle="b"] .bio-bridge-copy{max-width:700px;text-align:left}
html[data-introstyle="b"] .bio-bridge-response{margin-top:38px}
html[data-introstyle="b"] .bio-bridge-response p{color:var(--navy)}

/* C: Two balanced narrative groups, using the same type scale. */
html[data-introstyle="c"] .bio-bridge-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:none;text-align:left;align-items:start}
html[data-introstyle="c"] .bio-bridge-response{margin:0;padding:28px 30px;background:#fffaf3;border-radius:8px}
html[data-introstyle="c"] .bio-bridge-challenge{padding-top:28px}
html[data-introstyle="c"] .bio-bridge-response p{color:var(--navy)}

@media(max-width:850px){
 html[data-introstyle="c"] .bio-bridge-copy{gap:28px}
 html[data-introstyle="c"] .bio-bridge-response{padding:24px}
}
@media(max-width:650px){
 html[data-introstyle] .bio-bridge-copy p{font-size:1.0625rem;line-height:1.72}
 html[data-introstyle] .bio-bridge-copy p+p{margin-top:20px}
 html[data-introstyle="b"] .bio-bridge-response{margin-top:30px}
 html[data-introstyle="c"] .bio-bridge-copy{grid-template-columns:minmax(0,1fr);gap:26px}
 html[data-introstyle="c"] .bio-bridge-challenge{padding-top:0}
 html[data-introstyle="c"] .bio-bridge-response{margin:0;padding:25px}
}