:root{
  --pitch-dark:#0B3D2E;
  --pitch:#155C3E;
  --grass:#3C8C5D;
  --chalk:#F5F3EA;
  --ink:#12181B;
  --amber:#F2B705;
  --line:#DAD5C4;
  --gray:#6B7168;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--chalk);
  color:var(--ink);
  font-family:'Source Sans 3',sans-serif;
  line-height:1.5;
}
a{color:inherit;}
.display{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:0.02em;}
.mono{font-family:'IBM Plex Mono',monospace;}

header{
  background:var(--pitch-dark);
  color:var(--chalk);
  padding:16px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:3px solid var(--amber);
  flex-wrap:wrap;
  gap:12px;
}
.logo{display:flex;align-items:baseline;gap:2px;text-decoration:none;}
.logo .d1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;letter-spacing:0.01em;color:var(--chalk);}
.logo .d2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;color:var(--amber);}
nav{display:flex;gap:28px;font-size:14px;font-weight:600;letter-spacing:0.03em;flex-wrap:wrap;}
nav a{color:var(--chalk);text-decoration:none;opacity:0.85;}
nav a:hover{opacity:1;color:var(--amber);}

.scoreboard{
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0 2px, transparent 2px 40px),
    linear-gradient(180deg, var(--pitch) 0%, var(--pitch-dark) 100%);
  overflow:hidden;
}
.scoreboard-label{display:flex;align-items:center;gap:10px;padding:14px 32px 0;}
.live-dot{width:8px;height:8px;border-radius:50%;background:#FF4D4D;animation:pulse 1.6s infinite;}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,77,77,0.5);}
  70%{box-shadow:0 0 0 6px rgba(255,77,77,0);}
  100%{box-shadow:0 0 0 0 rgba(255,77,77,0);}
}
.scoreboard-label span{color:var(--chalk);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;opacity:0.75;}
.ticker{display:flex;padding:18px 0 26px;overflow-x:auto;scrollbar-width:none;}
.ticker::-webkit-scrollbar{display:none;}
.match{flex:0 0 auto;min-width:200px;padding:0 28px;border-right:1px solid rgba(255,255,255,0.12);color:var(--chalk);}
.match:first-child{padding-left:32px;}
.match .comp{font-size:10px;letter-spacing:0.1em;color:var(--amber);font-weight:600;margin-bottom:8px;text-transform:uppercase;}
.match .teams{display:flex;flex-direction:column;gap:4px;}
.team-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;}
.team-name{font-size:15px;font-weight:500;}
.team-name.win{font-weight:700;}
.score{font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:600;color:var(--amber);}
.match .status{font-family:'IBM Plex Mono',monospace;font-size:10px;color:rgba(245,243,234,0.5);margin-top:8px;}
.ticker-empty{color:rgba(245,243,234,0.6);padding:24px 32px;font-family:'IBM Plex Mono',monospace;font-size:13px;}

main{max-width:1160px;margin:0 auto;padding:40px 32px 80px;display:grid;grid-template-columns:1fr 320px;gap:40px;}
@media (max-width:860px){main{grid-template-columns:1fr;}}

section{margin-bottom:44px;}
.section-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:20px;flex-wrap:wrap;gap:6px;}
.section-head h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;letter-spacing:0.01em;}
.section-head .auto-tag{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--gray);letter-spacing:0.06em;}
.section-head a.more{font-size:13px;font-weight:600;color:var(--pitch);text-decoration:none;}

table.standings{width:100%;border-collapse:collapse;font-family:'IBM Plex Mono',monospace;font-size:13px;}
table.standings th{text-align:left;font-size:10px;letter-spacing:0.08em;color:var(--gray);text-transform:uppercase;padding:0 8px 10px;font-weight:600;}
table.standings th.num, table.standings td.num{text-align:center;}
table.standings td{padding:9px 8px;border-top:1px solid var(--line);}
table.standings tr.top4 td:first-child{border-left:3px solid var(--grass);padding-left:5px;}
table.standings tr.relegation td:first-child{border-left:3px solid #C4462B;padding-left:5px;}
table.standings .pos{color:var(--gray);width:24px;}
table.standings .club{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:14px;}
table.standings .pts{font-weight:700;color:var(--pitch-dark);}

.article{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);}
.article:first-child{border-top:none;}
.article .thumb{width:88px;height:88px;background:linear-gradient(135deg,var(--pitch) 0%, var(--grass) 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--chalk);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;}
.article .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--gray);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:4px;}
.article h3{font-size:16px;font-weight:700;line-height:1.3;margin-bottom:4px;}
.article p{font-size:13px;color:var(--gray);}

.ad-slot{background:repeating-linear-gradient(45deg, #EDEAE0 0 10px, #E5E1D3 10px 20px);border:1px dashed var(--gray);border-radius:4px;padding:20px;text-align:center;color:var(--gray);font-size:12px;font-family:'IBM Plex Mono',monospace;letter-spacing:0.04em;margin-bottom:24px;}
.ad-slot.big{min-height:250px;display:flex;align-items:center;justify-content:center;}
.ad-slot.small{min-height:100px;display:flex;align-items:center;justify-content:center;}

.top-scorers{list-style:none;}
.top-scorers li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px;}
.top-scorers li:first-child{border-top:none;}
.top-scorers .rank{font-family:'IBM Plex Mono',monospace;color:var(--gray);font-size:12px;width:20px;}
.top-scorers .goals{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--pitch-dark);}

.article-page{max-width:760px;margin:0 auto;padding:48px 32px 80px;}
.article-page .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gray);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:10px;}
.article-page h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:38px;line-height:1.15;margin-bottom:16px;}
.article-page .meta{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gray);margin-bottom:28px;}
.article-page p{margin-bottom:18px;font-size:16px;}

footer{background:var(--pitch-dark);color:rgba(245,243,234,0.6);padding:28px 32px;text-align:center;font-size:12px;}
footer strong{color:var(--chalk);}
footer a{color:var(--amber);text-decoration:none;}

.loading-msg{color:var(--gray);font-family:'IBM Plex Mono',monospace;font-size:12px;padding:16px 0;}

.league-tabs{display:flex;gap:8px;padding:14px 32px 0;flex-wrap:wrap;}
.league-tab{
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.15);
  color:var(--chalk);
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:0.03em;
  padding:6px 14px;
  border-radius:20px;
  cursor:pointer;
  transition:background 0.15s;
}
.league-tab:hover{background:rgba(255,255,255,0.16);}
.league-tab.active{background:var(--amber);color:var(--pitch-dark);border-color:var(--amber);font-weight:600;}

table.form-index{width:100%;border-collapse:collapse;font-size:14px;}
table.form-index td{padding:9px 8px;border-top:1px solid var(--line);}
table.form-index tr:first-child td{border-top:none;}
table.form-index .club{font-weight:600;}
table.form-index .pts{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--pitch-dark);width:40px;}
table.standings td.mono{font-family:'IBM Plex Mono',monospace;}