:root{--muted:#b2bdc7}
html{scroll-padding-bottom:var(--cookie-space,20px)}
body{padding-bottom:var(--cookie-space,0px)}
:focus-visible{outline:3px solid #f0cf8b!important;outline-offset:4px}
main:focus{outline:none}
.skip-link{position:fixed;top:10px;left:12px;z-index:1000;padding:14px 20px;background:#f0cf8b;color:#15171a;border-radius:6px;transform:translateY(-180%);font-weight:700}
.skip-link:focus{transform:none}
a,button,input,select{scroll-margin-block:110px}
button,select{min-height:44px}
.legal-links a,.legal-layout aside a,.legal-page header a{display:inline-flex;align-items:center;min-height:30px}
input,select{border-color:#7b8795}
.motion-toggle{font-size:12px;min-height:44px}
.motion-toggle[aria-pressed=true]{border-color:#f0cf8b;color:#f0cf8b}
html[data-reduce-motion=true]{scroll-behavior:auto!important}
html[data-reduce-motion=true] *,html[data-reduce-motion=true] *::before,html[data-reduce-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){button,input,select,.gear-card,.panel{border:1px solid ButtonText}.primary{background:ButtonFace;color:ButtonText}a{color:LinkText}}
@media(max-width:400px){header{flex-wrap:wrap;height:auto;min-height:100px;padding-block:12px;gap:12px}header nav{flex-wrap:wrap}.legal-layout h1{overflow-wrap:anywhere}.event-scores>div{padding:10px 6px}.event-board-heading{flex-wrap:wrap}.event-countdown{flex-wrap:wrap;gap:10px}}