/* Four audience entrances, followed by readable topics in the YoungSupport palette. */
.ys-audience-page main { overflow:clip; }
.ys-audience-hub { width:min(1140px,calc(100% - 96px)); margin:auto; padding:64px 0 104px; scroll-margin-top:112px; }
.ys-audience-choice h2 { font-size:clamp(26px,3vw,38px); line-height:1.1; margin:0 0 12px; }
.ys-audience-choice p { margin:0 0 28px; max-width:64ch; }
.ys-audience-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.ys-audience-card { display:flex; flex-direction:column; border:2px solid transparent; border-radius:18px; overflow:hidden; text-decoration:none; background:var(--ys-lab-secondary,#ede6d8); color:var(--ys-lab-ink,#082f62); transition:border-color .2s,background .2s; }
.ys-audience-card img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; }
.ys-audience-card__body { display:flex; flex-direction:column; padding:20px; flex:1; }
.ys-audience-card strong { font-size:21px; line-height:1.2; margin-bottom:10px; }
.ys-audience-card__body>span:not(.ys-audience-card__arrow) { font-size:15px; line-height:1.5; }
.ys-audience-card__arrow { align-self:flex-end; font-size:27px; line-height:1; padding-top:16px; margin-top:auto; }
.ys-audience-card[aria-current="true"] { border-color:var(--ys-brand-green,#598365); background:#e0e7dc; }
.ys-audience-card:focus-visible,.ys-topic-nav a:focus-visible,.ys-topic-links a:focus-visible { outline:3px solid var(--ys-brand-green,#598365); outline-offset:5px; }
.ys-audience-panel { scroll-margin-top:112px; }
.ys-audience-panel[hidden] { display:none!important; }
.ys-topics-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:64px; padding-top:72px; align-items:start; }
.ys-topic-nav { position:sticky; top:112px; }
.ys-topic-nav__label,.ys-topic-eyebrow { font-size:12px; letter-spacing:.07em; font-weight:600; text-transform:uppercase; margin:0 0 16px; }
.ys-topic-nav ul { padding:0; margin:0; list-style:none; }
.ys-topic-nav li { margin-bottom:6px; }
.ys-topic-nav a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px; border-radius:10px; font-size:15px; line-height:1.4; font-weight:500; text-decoration:none; color:var(--ys-lab-ink,#082f62); transition:background .2s; }
.ys-topic-nav a[aria-current="location"] { background:#e0e7dc; font-weight:600; }
.ys-topic-nav a>span:last-child { font-size:20px; }
.ys-topic-content>h2 { font-size:clamp(32px,4vw,48px); line-height:1.1; margin:0 0 42px; }
.ys-topic-content>.ys-topic-eyebrow { color:var(--ys-brand-green,#598365)!important; }
.ys-topic-section { margin-bottom:64px; scroll-margin-top:112px; }
.ys-topic-section:last-child { margin-bottom:0; }
.ys-topic-section h3 { font-size:clamp(26px,3vw,36px); line-height:1.15; margin:0 0 22px; }
.ys-topic-section p:not(.ys-topic-eyebrow) { font-size:18px; line-height:1.75; margin:0 0 20px; max-width:62ch; }
.ys-topic-links { display:flex; flex-wrap:wrap; gap:18px 24px; align-items:center; padding-top:8px; }
.ys-topic-links a { font-size:15px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.ys-topic-links .ys-topic-button { background:var(--ys-brand-green,#598365); color:#faf7f0!important; padding:15px 24px; border-radius:40px; text-decoration:none; }
@media(hover:hover) { .ys-audience-card:hover { border-color:var(--ys-brand-green,#598365); } .ys-topic-nav a:hover { background:var(--ys-lab-secondary,#ede6d8); } .ys-topic-links a:hover { text-decoration-thickness:2px; } }
@media(max-width:990px) { .ys-audience-hub { width:calc(100% - 64px); } .ys-audience-cards { gap:12px; } .ys-audience-card__body { padding:16px; } .ys-audience-card strong { font-size:18px; } .ys-topics-layout { grid-template-columns:210px minmax(0,1fr); gap:36px; } }
@media(max-width:767px) {
 .ys-audience-hub { width:calc(100% - 40px); padding:40px 0 64px; scroll-margin-top:96px; }
 .ys-audience-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .ys-audience-card { border-radius:14px; } .ys-audience-card img { aspect-ratio:3/2; }
 .ys-audience-card__body { padding:14px; } .ys-audience-card strong { font-size:17px; } .ys-audience-card__body>span:not(.ys-audience-card__arrow) { font-size:13px; line-height:1.5; } .ys-audience-card__arrow { font-size:23px; padding-top:10px; }
 .ys-topics-layout { display:block; padding-top:40px; } .ys-topic-nav { position:static; margin-bottom:36px; }
 .ys-topic-nav ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .ys-topic-nav li { margin:0; }
 .ys-topic-nav a { padding:12px; background:var(--ys-lab-secondary,#ede6d8); font-size:13px; height:100%; box-sizing:border-box; }
 .ys-topic-nav__label { margin-bottom:12px; } .ys-topic-content>h2 { font-size:32px; margin-bottom:32px; }
 .ys-topic-section,.ys-audience-panel { scroll-margin-top:104px; } .ys-topic-section { margin-bottom:44px; }
 .ys-topic-section h3 { font-size:27px; margin-bottom:18px; } .ys-topic-section p:not(.ys-topic-eyebrow) { font-size:16px; line-height:1.7; }
}
@media(prefers-reduced-motion:reduce) { .ys-audience-hub * { transition:none!important; } }
@media print { .ys-audience-cards,.ys-topic-nav { display:none; } .ys-audience-panel[hidden] { display:block!important; } .ys-topics-layout { display:block; } .ys-audience-hub { width:100%; padding:20px; } }