/* Shared club navigation: bright surfaces, blue accents and generous targets. */
header{background:#fff;box-shadow:0 6px 24px #13223e0b;border-bottom:1px solid #dce6f4}
.club-strip{background:#edf4ff;color:#234c8c;border-top:3px solid #0757e8}
.club-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.4rem;font-size:.6875rem;line-height:1.5;font-weight:700;letter-spacing:.12em}
.club-strip strong{display:flex;align-items:center;gap:.65rem;font:inherit}.club-strip strong:before{content:'';width:1.5rem;height:.3rem;transform:skew(-25deg);background:#0757e8}
header .nav{height:auto;min-height:6rem;gap:1rem;padding-block:1rem;position:relative}
header .brand{gap:.75rem;letter-spacing:.08em;color:#43536b;min-width:0}
header .brand b{font-size:.875rem;letter-spacing:.025em;color:#13223e}
header .brand .mark{width:3.5rem;height:3.5rem;padding:.25rem;background:white;border:1px solid #dce6f4;border-radius:50%;box-shadow:0 3px 12px #0757e80c}
header .nav nav{gap:.2rem;padding:.3rem;background:#f3f6fb;border:1px solid #e4eaf3;border-radius:12px}
header .nav nav>a:not(.button){padding:.65rem .7rem;min-height:2.875rem;border-radius:8px;font-size:.875rem;color:#34445c;position:relative;transition:background .15s ease,color .15s ease}
header .nav nav>a:not(.button):hover{background:#e3edff;color:#0648bf}
header .nav nav>a[aria-current="page"]{background:#fff;color:#0648bf;box-shadow:0 2px 8px #13223e0c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45rem}
header .nav nav .button{display:inline-flex;min-height:2.875rem;padding:.65rem 1rem;margin-left:.35rem;border-radius:8px;background:#0757e8;color:#fff;font-size:.8125rem;letter-spacing:0;box-shadow:0 3px 8px #0757e824}
header .nav nav .button:hover{background:#0046bf;transform:none}
header .menu{align-items:center;justify-content:center;gap:.65rem;padding:.65rem .9rem;border:1px solid #ccdbef;border-radius:10px;background:#f0f5ff;color:#123b78;font-weight:700;font-size:.875rem;min-height:3rem}
header .menu[aria-expanded="true"]{background:#0757e8;color:white;border-color:#0757e8}
header .menu-icon{position:relative;width:1.1rem;height:.9rem;margin:0;display:inline-block;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
header .menu-icon:after{content:'';position:absolute;left:0;right:0;top:calc(50% - 1px);height:2px;background:currentColor}
header .menu[aria-expanded="true"] .menu-icon{border:0}
header .menu[aria-expanded="true"] .menu-icon:before,header .menu[aria-expanded="true"] .menu-icon:after{content:'';position:absolute;top:calc(50% - 1px);left:0;right:0;height:2px;background:currentColor;transform:rotate(45deg)}
header .menu[aria-expanded="true"] .menu-icon:after{transform:rotate(-45deg)}
header a:focus-visible,header button:focus-visible{outline:3px solid #0757e8;outline-offset:3px}
@media(min-width:58.001rem) and (max-width:76rem){header .nav{justify-content:center;gap:.75rem}header .brand{margin-right:auto}header .nav nav{flex:1 1 auto;justify-content:center}header .nav nav>a:not(.button){padding-inline:.65rem}}
@media(max-width:58rem){
 header{position:relative}.club-strip .wrap{font-size:.625rem;padding-block:.4rem;letter-spacing:.09em}.club-strip .wrap>span{display:none}
 header .nav{min-height:5rem;padding-block:.8rem;position:static;gap:.5rem}
 header .brand{gap:.5rem;font-size:.625rem;letter-spacing:.04em}header .brand b{font-size:.75rem;letter-spacing:0}header .brand .mark{width:2.75rem;height:2.75rem}
 header .menu{display:flex}
 header .nav nav{display:none;top:100%;border:0;border-top:1px solid #dce6f4;border-bottom:3px solid #0757e8;border-radius:0;background:#f7faff;box-shadow:0 14px 24px #13223e18;gap:.4rem}
 header .nav nav.open{display:flex;max-height:calc(100dvh - 8rem);padding:1rem 1.125rem 1.25rem;align-items:stretch}
 header .nav nav>a:not(.button){min-height:3.25rem;padding:.8rem 1rem;background:white;border:1px solid #e1e8f3;font-size:1rem;justify-content:space-between}
 header .nav nav>a[aria-current="page"]{border-left:4px solid #0757e8;background:#eaf2ff}
 header .nav nav .button{margin:.35rem 0 0;min-height:3.25rem;justify-content:center;font-size:.9375rem}
}
@media(max-width:22rem){header .brand .mark{width:2.2rem;height:2.2rem}header .brand b{font-size:.6875rem}header .menu{padding:.65rem;gap:.4rem}}
@media(forced-colors:active){header .nav nav>a[aria-current="page"]{border:2px solid Highlight}header .menu-icon:before,header .menu-icon:after{background:ButtonText}}
@media print{.club-strip{display:none}}
@media(min-width:58.001rem){html{scroll-padding-top:11rem}}
@media(max-width:58rem){header .nav nav{grid-column:1/-1}}