/* Phone "Menu" dropdown in the header. Native <details>, so it works without JavaScript.
   Selectors are deliberately specific (and display uses !important): page styles hide ".nav-links a" on phones,
   which would otherwise hide the links inside this menu too. */
.nav .nav-links details.mobile-menu{display:none}
@media(max-width:850px){
.nav{position:relative!important}
.nav .nav-links>a:not(.btn),.nav .nav-links>details.free-menu{display:none!important}
.nav .nav-links details.mobile-menu,.nav .nav-links details.mobile-menu[open]{display:block;position:static;margin:0;padding:0;border:0;background:none;font-size:15px;line-height:1.4}
.nav .nav-links details.mobile-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;margin:0;border:2px solid #171717;border-radius:999px;background:#fff;color:#171717;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;user-select:none;transform:none;transition:background .15s,color .15s,border-color .15s}
.nav .nav-links details.mobile-menu>summary::-webkit-details-marker{display:none}
.nav .nav-links details.mobile-menu>summary::marker{content:""}
.nav .nav-links details.mobile-menu>summary:hover{transform:none;color:#c8102e;border-color:#c8102e}
.nav .nav-links details.mobile-menu[open]>summary{background:#171717;color:#fff;border-color:#171717}
.nav .nav-links details.mobile-menu>summary:focus-visible{outline:3px solid #c8102e;outline-offset:3px}
.mobile-menu-icon{position:relative;display:block;width:16px;height:2px;background:currentColor;border-radius:2px;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
.nav .nav-links details.mobile-menu[open] .mobile-menu-icon{background:transparent;box-shadow:none}
.nav .nav-links details.mobile-menu[open] .mobile-menu-icon:before,.nav .nav-links details.mobile-menu[open] .mobile-menu-icon:after{content:"";position:absolute;left:0;top:0;width:16px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg)}
.nav .nav-links details.mobile-menu[open] .mobile-menu-icon:after{transform:rotate(-45deg)}
.nav .nav-links details.mobile-menu .mobile-menu-panel{position:absolute;left:0;right:0;top:calc(100% - 6px);z-index:80;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dededb;border-top:3px solid #c8102e;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #17171712,0 22px 48px #1717171f;padding:8px;text-align:left}
.nav .nav-links details.mobile-menu a.mobile-menu-link{display:block!important;position:static;margin:0;padding:13px 14px;min-height:0;border-radius:8px;color:#171717;font-size:16px;font-weight:700;line-height:1.35;text-decoration:none;white-space:normal}
.nav .nav-links details.mobile-menu a.mobile-menu-link:after{display:none}
.nav .nav-links details.mobile-menu a.mobile-menu-link:hover,.nav .nav-links details.mobile-menu a.mobile-menu-link:active{background:#f5f4f1;color:#c8102e}
.nav .nav-links details.mobile-menu a.mobile-menu-link[aria-current="page"]{color:#c8102e}
.nav .nav-links details.mobile-menu a.mobile-menu-link:focus-visible{outline:3px solid #c8102e;outline-offset:-3px}
.nav .nav-links details.mobile-menu a.mobile-menu-sub{padding:10px 14px 10px 26px}
.nav .nav-links details.mobile-menu a.mobile-menu-sub strong{display:block;font-size:15px;font-weight:700}
.nav .nav-links details.mobile-menu a.mobile-menu-sub small{display:block;font-size:12px;font-weight:400;color:#626262;margin-top:2px}
.nav .nav-links details.mobile-menu .mobile-menu-label{margin:8px 0 2px;padding:12px 14px 0;border-top:1px solid #ececea;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#c8102e}
.nav .nav-links details.mobile-menu .mobile-menu-sub+a.mobile-menu-link:not(.mobile-menu-sub){margin-top:6px;border-top:1px solid #ececea;border-radius:0 0 8px 8px}
}
@media(prefers-reduced-motion:reduce){.nav .nav-links details.mobile-menu>summary{transition:none}}
@media print{.nav .nav-links details.mobile-menu{display:none!important}}
/* First group label in the panel (Coaching, 27 Oct 2026): no divider above it. */
.nav .nav-links details.mobile-menu .mobile-menu-label:first-child{margin-top:0;padding-top:6px;border-top:0}