
/* 4SK8 • final accessibility and responsive polish 2026-10-14 */
:root{--4sk8-red:#a4262c}
a,button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
a:focus-visible,button:focus-visible{outline:3px solid #f7ae29!important;outline-offset:3px!important}
/* Solid contrasting states for cream header */
.site-top a:hover,.site-top a:focus-visible,.shared-header a:hover,.shared-header a:focus-visible,
.site-header a:hover,.site-header a:focus-visible{color:#8a1420!important;text-decoration-color:#8a1420}
.site-top .pill,.site-top a.pill,.shared-header .pill,.site-header .pill{background:#a4262c!important;color:#fff!important}
.site-top .pill:hover,.site-top .pill:focus-visible,.shared-header .pill:hover,.site-header .pill:hover,
.site-top a.pill:hover,.site-top a.pill:focus-visible{background:#65151a!important;color:#fff!important}
/* Common controls: never hide the text on hover */
.btn:hover,.btn:focus-visible,a.btn:hover,a.btn:focus-visible{background:#a4262c!important;color:#fff!important;border-color:#a4262c!important}
.btn.alt:hover,.btn.alt:focus-visible{background:#111!important;color:#fff!important;border-color:#111!important}
button:hover,button:focus-visible{opacity:1}
.news-card:hover,.news-card:focus-visible,.card:hover,.card:focus-visible{color:inherit}
.news-card:hover h3,.news-card:focus-visible h3,.card:hover h3,.card:focus-visible h3{color:inherit}
@media(max-width:900px){.site-top .inner,.shared-header .inner{min-height:68px;height:auto}.site-top .menu-btn,.shared-header .menu-btn{color:#151515;border-color:#151515}}
