/* The age range is a quiet capsule, separate from the question. */
.age-scope-pill{display:inline-block;width:fit-content;max-width:100%;padding:10px 17px;border:1px solid #d8e3f5;border-radius:999px;background:#edf3fd;color:#294f9b;font:600 .8125rem/1.5 var(--sans);letter-spacing:0;text-wrap:balance}
.hero-copy .age-scope-pill{margin:0 0 23px;background:#ffffffb3;border-color:#cbdaf0;color:#31528b}
.age-placement-strip{padding:28px 24px 0;text-align:center;background:#f8f6f0}
.age-placement-strip .age-scope-pill{margin:0;background:#fff;border-color:#dedbd1;color:#41566d}
html[data-ageplacement="credentials"] .bio-bridge{padding-top:64px}
.consultation-card .age-scope-pill{margin:21px 0 0;font-size:.75rem;padding:9px 14px}
@media(max-width:650px){
 .hero-copy .age-scope-pill{font-size:.75rem;padding:10px 15px;margin-bottom:22px}
 .age-placement-strip{padding:24px 20px 0}
 .age-placement-strip .age-scope-pill{font-size:.75rem;padding:10px 15px}
 html[data-ageplacement="credentials"] .bio-bridge{padding-top:46px}
}
.audience-section .audience-proof-intro .fit-age-pill{display:inline-block;width:fit-content;max-width:100%;margin:24px 0 0;padding:10px 17px;border:1px solid #d8e3f5;border-radius:999px;background:#edf3fd;color:#294f9b;font:600 .8125rem/1.5 var(--sans);letter-spacing:0;text-wrap:balance}
html[data-fitstyle="c"] .audience-section .audience-proof-intro .fit-age-pill{background:#203d64;border-color:#47628a;color:#dfebff}

/* All layout studies preserve the heading and seven bullets. */
html[data-fitlayout] .audience-section{padding:90px 0 94px;background:#fff}
html[data-fitlayout] .audience-section .audience-value-grid{width:min(1100px,calc(100% - 96px));gap:0;align-items:start}
html[data-fitlayout] .audience-section .audience-proof-intro{grid-column:auto;grid-row:auto;text-align:left}
html[data-fitlayout] .audience-section .audience-proof-intro h2{font-size:clamp(2.5rem,3.65vw,3.5rem);line-height:1.12;color:var(--navy)}
html[data-fitlayout] .audience-section .audience-proof-intro .fit-age-pill{background:#edf3fd;border-color:#d8e3f5;color:#294f9b}
html[data-fitlayout] .audience-section .audience-proof-copy{display:contents;max-width:none;margin:0}
html[data-fitlayout] .audience-section .audience-signals{grid-column:auto;grid-row:auto;grid-template-columns:minmax(0,1fr);margin:0;gap:14px}
html[data-fitlayout] .audience-section .audience-signals li{display:block;min-height:0;margin:0;padding:9px 0 9px 26px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#344b65;font-size:1.0625rem;line-height:1.65}
html[data-fitlayout] .audience-section .audience-signals li:before{left:0;top:21px;transform:none;width:6px;height:6px;background:var(--blue)}
html[data-fitlayout] .audience-section .audience-proof-direct{grid-column:auto;grid-row:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#4c5f75;font-size:1.125rem;line-height:1.7}
html[data-fitlayout] .audience-section .audience-proof-direct strong{font-size:1.5rem;line-height:1.4;color:var(--navy);margin-bottom:13px}
html[data-fitlayout] .audience-section .audience-proof-direct em{color:var(--blue)}

/* A: An open editorial split, with the conclusion beneath both columns. */
html[data-fitlayout="a"] .audience-section .audience-value-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:80px;row-gap:40px}
html[data-fitlayout="a"] .audience-section .audience-proof-intro{grid-column:1;grid-row:1}
html[data-fitlayout="a"] .audience-section .audience-signals{grid-column:2;grid-row:1}
html[data-fitlayout="a"] .audience-section .audience-proof-direct{grid-column:1/-1;grid-row:2;max-width:900px}

/* B: One calm reading column with the capsule beneath the heading. */
html[data-fitlayout="b"] .audience-section .audience-value-grid{display:block;width:min(840px,calc(100% - 96px))}
html[data-fitlayout="b"] .audience-section .audience-proof-intro{display:flex;flex-direction:column;align-items:flex-start}
html[data-fitlayout="b"] .audience-section .audience-proof-intro .fit-age-pill{order:0;margin:24px 0 0}
html[data-fitlayout="b"] .audience-section .audience-proof-intro h2{max-width:780px}
html[data-fitlayout="b"] .audience-section .audience-signals{margin-top:32px;gap:9px}
html[data-fitlayout="b"] .audience-section .audience-signals li{padding-top:12px;padding-bottom:12px}
html[data-fitlayout="b"] .audience-section .audience-signals li:before{top:24px}
html[data-fitlayout="b"] .audience-section .audience-proof-direct{margin-top:34px}

/* C: A compact overview, with softly grouped examples. */
html[data-fitlayout="c"] .audience-section{background:#f7f9fc}
html[data-fitlayout="c"] .audience-section .audience-value-grid{display:block;width:min(1040px,calc(100% - 96px))}
html[data-fitlayout="c"] .audience-section .audience-proof-intro h2{max-width:820px}
html[data-fitlayout="c"] .audience-section .audience-signals{margin-top:34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html[data-fitlayout="c"] .audience-section .audience-signals li{display:flex;align-items:center;padding:22px 24px 22px 46px;min-height:110px;border-radius:8px;background:#fff}
html[data-fitlayout="c"] .audience-section .audience-signals li:before{left:24px;top:50%;transform:translateY(-50%)}
html[data-fitlayout="c"] .audience-section .audience-signals li:last-child{grid-column:1/-1;min-height:0}
html[data-fitlayout="c"] .audience-section .audience-proof-direct{margin-top:38px;max-width:900px}

@media(max-width:1000px){
 html[data-fitlayout="a"] .audience-section .audience-value-grid{column-gap:42px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}

/* D: The question stands alone; the list and response read down one column. */
html[data-fitlayout="d"] .audience-section .audience-value-grid{display:grid;width:min(1080px,calc(100% - 96px));grid-template-columns:340px minmax(0,1fr);column-gap:88px}
html[data-fitlayout="d"] .audience-section .audience-proof-intro{display:flex;flex-direction:column;align-items:flex-start}
html[data-fitlayout="d"] .audience-section .audience-proof-intro h2{font-size:clamp(2.75rem,3.5vw,3.35rem);line-height:1.12}
html[data-fitlayout="d"] .audience-section .audience-proof-copy{display:block}
html[data-fitlayout="d"] .audience-section .audience-signals{gap:15px}
html[data-fitlayout="d"] .audience-section .audience-signals li{padding-top:8px;padding-bottom:8px}
html[data-fitlayout="d"] .audience-section .audience-signals li:before{top:20px}
html[data-fitlayout="d"] .audience-section .audience-proof-direct{margin-top:36px;font-size:1.0625rem;line-height:1.75}
html[data-fitlayout="d"] .audience-section .audience-proof-direct strong{font-size:1.55rem;line-height:1.4;margin-bottom:16px}

/* E: A generous centered question, open examples, and a quiet closing statement. */
html[data-fitlayout="e"] .audience-section .audience-value-grid{display:block;width:min(1050px,calc(100% - 96px))}
html[data-fitlayout="e"] .audience-section .audience-proof-intro{text-align:center}
html[data-fitlayout="e"] .audience-section .audience-proof-intro h2{max-width:850px;margin-inline:auto;font-size:clamp(2.9rem,4.2vw,4rem)}
html[data-fitlayout="e"] .audience-section .audience-proof-intro .fit-age-pill{margin-top:22px}
html[data-fitlayout="e"] .audience-section .audience-signals{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;gap:20px 64px}
html[data-fitlayout="e"] .audience-section .audience-signals li{font-size:1.0625rem;line-height:1.7;padding-top:10px;padding-bottom:10px}
html[data-fitlayout="e"] .audience-section .audience-signals li:before{top:23px}
html[data-fitlayout="e"] .audience-section .audience-signals li:last-child{grid-column:1/-1;width:min(770px,100%);justify-self:center}
html[data-fitlayout="e"] .audience-section .audience-proof-direct{max-width:850px;margin:44px auto 0;text-align:center}
html[data-fitlayout="e"] .audience-section .audience-proof-direct strong{max-width:690px;margin:0 auto 16px;font-size:1.65rem;line-height:1.35;text-wrap:balance}

/* F: The established composition, with tighter proportions and a calmer type scale. */
html[data-fitlayout="f"] .audience-section .audience-value-grid{display:grid;width:min(1000px,calc(100% - 96px));grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:32px 72px}
html[data-fitlayout="f"] .audience-section .audience-proof-intro{display:flex;flex-direction:column;align-items:flex-start;grid-column:1;grid-row:1}
html[data-fitlayout="f"] .audience-section .audience-proof-intro .fit-age-pill{order:0;margin:22px 0 0;padding:5px 14px;font-size:.75rem}
html[data-fitlayout="f"] .audience-section .audience-proof-intro h2{font-size:clamp(2.5rem,3.1vw,2.9rem);line-height:1.13}
html[data-fitlayout="f"] .audience-section .audience-signals{grid-column:2;grid-row:1/3;gap:15px}
html[data-fitlayout="f"] .audience-section .audience-signals li{font-size:1rem;line-height:1.65;padding-top:8px;padding-bottom:8px}
html[data-fitlayout="f"] .audience-section .audience-signals li:before{top:19px}
html[data-fitlayout="f"] .audience-section .audience-proof-direct{grid-column:1;grid-row:2;font-size:1rem;line-height:1.75}
html[data-fitlayout="f"] .audience-section .audience-proof-direct strong{font-size:1.35rem;line-height:1.4;margin-bottom:16px}

@media(max-width:1000px){
 html[data-fitlayout="d"] .audience-section .audience-value-grid{grid-template-columns:300px minmax(0,1fr);column-gap:46px}
 html[data-fitlayout="f"] .audience-section .audience-value-grid{column-gap:44px}
}
@media(max-width:800px){
 html[data-fitlayout="d"] .audience-section .audience-value-grid,
 html[data-fitlayout="e"] .audience-section .audience-value-grid,
 html[data-fitlayout="f"] .audience-section .audience-value-grid{display:block;width:calc(100% - 48px)}
 html[data-fitlayout="d"] .audience-section .audience-proof-copy{margin-top:32px}
 html[data-fitlayout="e"] .audience-section .audience-signals{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:32px}
 html[data-fitlayout="e"] .audience-section .audience-signals li:last-child{width:100%}
 html[data-fitlayout="f"] .audience-section .audience-signals{margin-top:32px}
 html[data-fitlayout="f"] .audience-section .audience-proof-direct{margin-top:32px}
}
@media(max-width:650px){
 html[data-fitlayout="d"] .audience-section .audience-value-grid,
 html[data-fitlayout="e"] .audience-section .audience-value-grid,
 html[data-fitlayout="f"] .audience-section .audience-value-grid{width:calc(100% - 40px)}
 html[data-fitlayout="d"] .audience-section .audience-proof-intro h2,
 html[data-fitlayout="e"] .audience-section .audience-proof-intro h2,
 html[data-fitlayout="f"] .audience-section .audience-proof-intro h2{font-size:2.45rem}
 html[data-fitlayout="d"] .audience-section .audience-proof-direct strong,
 html[data-fitlayout="e"] .audience-section .audience-proof-direct strong{font-size:1.4rem}
 html[data-fitlayout="e"] .audience-section .audience-proof-direct{margin-top:32px;text-align:left}
 html[data-fitlayout="e"] .audience-section .audience-proof-direct strong{max-width:none;margin-inline:0;text-wrap:initial}
}
@media(max-width:800px){
 html[data-fitlayout] .audience-section{padding:64px 0 68px}
 html[data-fitlayout] .audience-section .audience-value-grid{width:calc(100% - 48px)}
 html[data-fitlayout="a"] .audience-section .audience-value-grid{display:block}
 html[data-fitlayout="a"] .audience-section .audience-signals{margin-top:32px}
 html[data-fitlayout="a"] .audience-section .audience-proof-direct{margin-top:34px}
 html[data-fitlayout="c"] .audience-section .audience-signals{grid-template-columns:minmax(0,1fr)}
 html[data-fitlayout="c"] .audience-section .audience-signals li{min-height:0}
}
@media(max-width:650px){
 .audience-section .audience-proof-intro .fit-age-pill{padding:10px 16px;font-size:.75rem;margin-top:21px}
 html[data-fitlayout] .audience-section .audience-value-grid{width:calc(100% - 40px)}
 html[data-fitlayout] .audience-section .audience-proof-intro h2{font-size:2.45rem}
 html[data-fitlayout] .audience-section .audience-signals li{font-size:1rem}
 html[data-fitlayout] .audience-section .audience-proof-direct{font-size:1.0625rem}
 html[data-fitlayout] .audience-section .audience-proof-direct strong{font-size:1.35rem}
 html[data-fitlayout="c"] .audience-section .audience-signals li{padding:19px 20px 19px 42px}
 html[data-fitlayout="c"] .audience-section .audience-signals li:before{left:20px}
}
