/* Institutional daylight palette; dark mode remains available on demand. */
:root{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--panel:#fff;--line:#cbd5e1;--text:#172b46;--white:#172b46;--muted:#4b6075;--mint:#174f82;--blue:#245b91;--orange:#86521d;--on-accent:#fff;--header:rgba(255,255,255,.96)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1523;--surface:#142236;--panel:#142236;--line:#35475e;--text:#edf2f8;--white:#edf2f8;--muted:#b2c1d1;--mint:#9fc7ee;--blue:#9fc7ee;--orange:#e2b887;--on-accent:#0b1523;--header:rgba(11,21,35,.96)}
body.theme-online,body.theme-youth{--mint:inherit}
.site-header{background:var(--header)}
.theme-toggle{flex-shrink:0;border:1px solid var(--line);border-radius:6px;padding:9px 13px;background:var(--surface);color:var(--text);font:600 13px 'DM Sans',sans-serif;cursor:pointer;min-height:42px;white-space:nowrap}
.theme-toggle:hover{border-color:var(--mint)}
.theme-toggle:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.header-inner{flex-wrap:wrap;gap:16px;padding-top:12px;padding-bottom:12px}
.filters button.active,.button-link,.button-link:hover,.city-pin,#youth-open-city,.detail-link,.detail-link:hover,.skip{background:var(--mint);color:var(--on-accent)}
.region-panel,.youth-region-panel,.stat-card,.map-card{background:var(--surface);border-color:var(--line);box-shadow:none}
select,.youth-region-panel select{background:var(--surface);border-color:var(--line);color:var(--text)}
.theme-online .topic,.theme-youth .youth-region-panel,.pill,.mark{border-color:var(--line)}
#atlas-frame{background:var(--bg)}
#map,#youth-map,.theme-youth #youth-map{background:radial-gradient(ellipse at center,rgba(105,141,171,.12),transparent 68%)}
.bar{background:var(--line)}.muted,.sea{color:var(--muted)}
@media(max-width:850px){.header-inner{flex-direction:row;align-items:center}.header-inner .site-nav{order:3;width:100%}.theme-toggle{margin-left:auto}header:has(.brand){height:auto;min-height:90px;flex-wrap:wrap;padding:12px 0}header:has(.brand) nav{order:3;width:100%;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.assistance{padding-top:48px;padding-bottom:48px;border-top:1px solid var(--line)}.assistance h2{font-size:clamp(28px,3vw,40px);margin:10px 0 14px}.help-intro,.help-verified{color:var(--muted)}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin:25px 0}.help-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.help-card h3{font-size:18px;margin:0 0 16px}.help-number{display:inline-block;font:700 clamp(26px,3vw,34px)/1.4 Manrope,sans-serif;color:var(--mint);text-decoration:underline;text-underline-offset:6px;margin-bottom:16px}.help-card p{color:var(--muted);font-size:15px;max-width:65ch}.help-card .help-hours{margin:12px 0;font-weight:600}.help-verified{font-size:12px}.help-card .text-link{white-space:normal}

/* Balanced homepage assistance: three cards, then two. */
body[data-page="home"] .help-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
body[data-page="home"] .help-card{grid-column:span 2;min-width:0}
body[data-page="home"] .help-card:nth-child(n+4){grid-column:span 3}
@media(max-width:850px) and (min-width:581px){body[data-page="home"] .help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="home"] .help-card,body[data-page="home"] .help-card:nth-child(n+4){grid-column:span 1}body[data-page="home"] .help-card:last-child{grid-column:1/-1}}
@media(max-width:580px){body[data-page="home"] .help-grid{grid-template-columns:1fr}body[data-page="home"] .help-card,body[data-page="home"] .help-card:nth-child(n+4){grid-column:auto}}

/* Shared, keyboard-accessible language selector. */
.language-control{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px;color:var(--muted)}
.language-control>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control select{font:inherit;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 10px;cursor:pointer;min-height:38px}
.language-control select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.header-inner{flex-wrap:wrap;row-gap:12px}.site-nav{flex-wrap:wrap}
@media(max-width:700px){.language-control{margin-left:0}.language-control select{max-width:125px}}