/* Shared public navigation: color indicates selection, without underlining text. */
header[data-site-navigation=v2] :is(a,summary,button),header[data-site-navigation=v2] :is(a,summary,button):is(:hover,:focus,:active){text-decoration:none!important;text-underline-offset:0!important}
header[data-site-navigation=v2] .primary-nav>a::after,header[data-site-navigation=v2] .youth-main-link::after{display:none!important}
header[data-site-navigation=v2] .primary-nav a{border-bottom:0!important;box-shadow:none!important}
.pro-service-tabs :is(a,button),.youth-tabs :is(a,button){text-decoration:none!important}
/* Avoid a crowded second navigation row on tablets. */
@media(max-width:1100px){
 header[data-site-navigation=v2]>nav{grid-template-columns:auto minmax(0,1fr);min-height:72px;padding:8px 16px;gap:8px}
 header[data-site-navigation=v2]>nav>a{grid-column:1;grid-row:1}
 header[data-site-navigation=v2] .header-utilities{grid-column:2;grid-row:1;gap:4px}
 header[data-site-navigation=v2] [data-menu-toggle]{display:flex!important;flex-direction:column;gap:2px;font-size:10px}
 header[data-site-navigation=v2] .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - 73px);overflow-y:auto;background:#0b0c0a;border-bottom:1px solid #484334;padding:12px 24px 24px;box-sizing:border-box}
 header[data-site-navigation=v2].is-menu-open .primary-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}
 header[data-site-navigation=v2] .primary-nav>a,header[data-site-navigation=v2] .nav-group>summary{font-size:16px;min-height:54px;padding:8px 4px;justify-content:space-between}
 header[data-site-navigation=v2] .nav-group-links{position:static;width:auto;min-width:0;box-shadow:none;margin:4px 0 12px;padding:8px;border-color:#34332a}
 header[data-site-navigation=v2] .nav-group-links a{min-height:48px;font-size:15px}
 header[data-site-navigation=v2] .youth-menu-toggle{width:44px;min-width:44px}
 body:has(header[data-site-navigation=v2]).content-page main,body .youth-page,body .pro-workspace{padding-top:73px!important}
 html:has(header[data-site-navigation=v2]){scroll-padding-top:160px}
 .youth-service{grid-template-columns:minmax(0,1fr);gap:24px}
 .service-family-hero,.youth-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:32px 24px}
 .service-family-hero>*,.youth-hero>*,.youth-service>*,.pro-service-tabs>*,.youth-tabs>*{min-width:0}
 .service-family-hero img,.youth-hero img{display:block;height:auto;aspect-ratio:1.4;object-fit:cover}
 .pro-service-tabs,.youth-tabs{gap:8px!important;padding-block:12px!important;margin-bottom:24px}
 .pro-workspace .pro-service-tabs button,.youth-tabs button{min-height:48px;font-size:14px;line-height:1.35;padding:12px 10px;white-space:normal}
 .youth-page select,.youth-page input,.youth-page textarea,.remote-page select,.remote-page input,.remote-page textarea{font-size:16px;max-width:100%;min-width:0}
 .ljp-video-tools{max-width:100%;box-sizing:border-box;gap:8px}
 .ljp-video-tools input[type=range]{min-width:0;width:100%}
}
@media(max-width:760px){
 .service-family-hero,.youth-hero{grid-template-columns:minmax(0,1fr);padding:28px 20px;gap:20px}
 .service-family-hero h1,.youth-hero h1{font-size:clamp(36px,9.5vw,52px);line-height:1.08;margin:10px 0 18px}
 .service-family-hero p,.youth-hero p{font-size:15px;line-height:1.65}
 .service-family-hero img,.youth-hero img{aspect-ratio:1.65}
 .youth-wrap{padding:28px 20px}
 .youth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
 .pro-workspace .pro-service-tabs{padding-inline:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .pro-workspace .pro-service-tabs button{font-size:12px;padding:10px 6px}
 .youth-tabs button{font-size:13px;padding:10px 6px}
 .youth-service{padding:18px;margin:20px 0}
 .youth-page h2{font-size:clamp(30px,8vw,42px)}
 .youth-focus-grid{gap:8px}
 .youth-focus img{display:block;height:auto}
 .pro-service-grid{padding-inline:20px!important}
}
@media(max-width:420px){
 header[data-site-navigation=v2]>nav{padding-inline:10px}
 header[data-site-navigation=v2] .header-utilities{gap:0}
 header[data-site-navigation=v2] .header-search span{display:none}
 header[data-site-navigation=v2] .language-select{width:112px}
}
/* Service styles are also loaded on tab activation; these constraints remain authoritative. */
@media(max-width:1100px){
 body .youth-service{grid-template-columns:minmax(0,1fr)!important;gap:24px}
 body .pro-workspace>.service-family-hero,body .youth-page>.youth-hero{gap:28px;padding:32px 24px}
 body .youth-tabs,body .pro-service-tabs{top:var(--service-header-height,73px)!important}
}
@media(max-width:760px){
 body .pro-workspace>.service-family-hero,body .youth-page>.youth-hero{grid-template-columns:minmax(0,1fr)!important;padding:28px 20px!important;gap:20px!important}
 body .pro-workspace>.service-family-hero h1,body .youth-page>.youth-hero h1{font-size:clamp(36px,9.5vw,52px)!important;line-height:1.08!important;margin:10px 0 18px!important}
 body .youth-wrap{padding-inline:20px}
}