/*
Theme Name: ScanBalls News
Version: 0.5.0
Text Domain: scanballs-news
*/
:root{color-scheme:dark;--bg:#080f21;--panel:#101e39;--ink:#f3f7ff;--muted:#b8c8e5;--accent:#70adff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
img{max-width:100%;height:auto}
.shell{width:min(100% - 2rem,1200px);margin-inline:auto}
.site-header{border-bottom:1px solid #253a60}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;flex-wrap:wrap}
.brand{font-size:1.4rem;font-weight:900;color:var(--accent)}
.menu{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;list-style:none;padding:0;margin:0}
.hero{padding:clamp(1.25rem,5vw,4rem);margin-block:1.5rem;background:linear-gradient(125deg,#14376f,#101d3a);border-radius:1rem}
.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.15;margin:.5rem 0}
.kicker{color:var(--accent);font-weight:800}
section{margin-block:2rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem}
.card,.fixture,.article{background:var(--panel);border-radius:.75rem;padding:1rem;overflow-wrap:anywhere}
.card h3{margin:.5rem 0}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.5rem}
time,.muted{color:var(--muted)}
.article{max-width:75ch;margin:2rem auto}
footer{padding:2rem 0;border-top:1px solid #253a60;color:var(--muted);margin-top:2rem}
.fixture-table{width:100%;border-collapse:collapse;text-align:left}
.fixture-table caption{text-align:left;font-weight:700;margin-bottom:.5rem;color:var(--accent)}
.fixture-table th,.fixture-table td{padding:.45rem .5rem;border-bottom:1px solid #253a60;vertical-align:top}
.match-note{color:#fbd891}
.match-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.match-filters a{border:1px solid #48628c;border-radius:2rem;padding:.35rem .9rem}
.match-filters a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}
.match-list{display:grid;gap:.6rem}
.match-grid{display:grid;grid-template-columns:1fr 2.4fr 1.1fr .7fr 1.6fr;gap:1rem;padding:.9rem 1rem;align-items:start}
.match-head{color:var(--muted);font-weight:700}
.match-row{background:var(--panel);border-radius:.75rem;overflow-wrap:anywhere}
.match-row h2{font-size:1rem;margin:0}
.match-row small{display:block;color:var(--muted)}
.match-row summary,.match-link{cursor:pointer;color:var(--accent);font-weight:700}
.match-row details p{margin:.4rem 0 0}
.match-row .match-mobile-label{display:none}
@media(max-width:780px){
    .match-head{display:none}
    .match-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem .9rem}
    .match-row details{grid-column:1/-1}
    .match-row .match-mobile-label{display:block}
}

.match-filters select,.match-filters button{max-width:100%;font:inherit;padding:.35rem .6rem}

.skip-link{position:absolute;inset:.5rem auto auto .5rem;z-index:10000;background:var(--accent);color:var(--bg);padding:.5rem 1rem;transform:translateY(-200%)}
.skip-link:focus{transform:none}