/* Compact match centre. Shared light/dark tokens keep the data readable. */
.matchday-page main{padding-top:16px}
.matchday-page .header-inner{height:74px}
.matchday-page .compact-hero{height:124px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}
.compact-hero>img{object-position:center 58%}
.compact-hero .hero-copy{padding:18px 26px;max-width:70%}
.compact-hero .hero-copy h1{font-size:30px;line-height:1.12;margin:5px 0 7px;letter-spacing:-.7px}
.compact-hero .hero-copy p{margin:0;font-size:12px;color:#e0e8ed}
.compact-hero .hero-copy .eyebrow{font-size:9px;letter-spacing:1.4px}
.hero-record-link{position:relative;z-index:1;margin-right:28px;border:1px solid #c3e2db66;border-radius:5px;padding:10px 14px;color:white;background:#101e29a6;font-size:11px;font-weight:650}
.hero-record-link span{margin-left:12px}
.matchday-page .status-strip{padding:10px 0;font-size:10px}
.matchday-page .board-heading{margin:2px 0 12px}
.matchday-page .board-heading p{max-width:65ch}
.date-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;background:var(--surface,#fff);border-bottom:1px solid var(--line,#d7dfe2)}
#date-shortcuts{display:flex;align-items:center;gap:4px;min-width:0}
.date-shortcut{min-height:36px;padding:6px 10px;border:0;border-radius:4px;background:transparent;color:var(--muted,#51636d);font-size:11px;font-weight:600;white-space:nowrap}
.date-shortcut:hover{background:var(--raised,#edf2f1)}
.date-shortcut.active{color:var(--text,#172737);background:var(--raised,#edf2f1);box-shadow:inset 0 -2px var(--accent,#176545)}
.date-navigation #match-date{min-height:34px;width:124px;max-width:124px;flex-shrink:0;font-size:10px;background:var(--raised,#edf2f1);color:var(--text,#172737);border-color:var(--line,#d7dfe2)}
.matchday-page .search-row{border-radius:0 0 6px 6px;padding:8px 12px;gap:12px}
.matchday-page .search-row .select-label{flex:0 1 150px;max-width:150px}
.matchday-page .match-search input{font-size:12px}
.pick-explanation{display:block;font-size:10px;font-weight:650;color:var(--accent,#176545);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kickoff-countdown{display:block;font-size:9px;color:var(--muted,#51636d);font-weight:500}
.matchday-page .match-teams{gap:6px}
.mobile-record{display:none}
.results-overview{padding:12px 14px;margin-top:12px;border:1px solid var(--line,#d7dfe2);border-radius:7px;background:var(--surface,#fff)}
.results-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.results-overview-heading h3{margin:0;font-size:13px}
.results-overview-heading select{font-size:11px;min-height:34px}
.result-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.result-numbers strong{font-size:20px;display:block;line-height:1.3;color:var(--text,#172737)}
.result-numbers span{display:block;font-size:10px;color:var(--muted,#51636d)}
.result-numbers .result-wins{color:#168152}
.result-numbers .result-losses{color:#ad3538}
html[data-theme="dark"] .result-numbers .result-wins{color:#9be8c4}
html[data-theme="dark"] .result-numbers .result-losses{color:#ffa9a2}
.results-scoring{margin-top:10px;padding-top:8px;border-top:1px solid var(--line,#d7dfe2);font-size:11px}
.results-scoring summary{cursor:pointer;font-weight:600;color:var(--muted,#51636d)}
.results-scoring p{font-size:11px;line-height:1.7;margin:8px 0 0;color:var(--muted,#51636d)}
.result-score-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}
.result-score-grid strong{display:block;font-size:15px}
.matchday-page #fixtures-view>.advertising-placement{margin:20px 0;min-height:100px}
@media(max-width:960px){
 .mobile-record{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:0 0 10px;border:1px solid var(--line,#d7dfe2);border-radius:5px;font-size:10px;background:var(--surface,#fff);color:var(--muted,#51636d)}
 .mobile-record strong{font-size:17px;color:var(--accent,#176545)}
 .mobile-record>span:last-child{margin-left:auto}
}
@media(max-width:640px){
 .matchday-page main{padding-top:10px}
 .matchday-page .header-inner{min-height:62px}
 .matchday-page .header-record{display:none}
 .matchday-page .compact-hero{height:98px}
 .compact-hero .hero-copy{padding:12px 16px;max-width:100%}
 .compact-hero .hero-copy h1{font-size:23px;margin:5px 0 6px}
 .compact-hero .hero-copy p{font-size:10px;max-width:none}
 .compact-hero .hero-copy .eyebrow{font-size:8px}
 .hero-record-link{display:none}
 .matchday-page .status-strip{font-size:8px;padding:8px 0}
 .matchday-page .league-sidebar{margin-bottom:10px}
 .matchday-page .board-heading{margin-bottom:9px}
 .matchday-page .board-heading h2{font-size:20px}
 .matchday-page .board-heading p{font-size:10px;line-height:1.4}
 .date-navigation{padding:4px 6px;gap:4px}
 #date-shortcuts{gap:0}
 .date-shortcut{padding:6px 7px;font-size:10px;min-height:40px}
 .date-navigation #match-date{width:108px;max-width:108px}
 .matchday-page .search-row{flex-wrap:nowrap;padding:7px 8px;gap:8px}
 .matchday-page .search-row .match-search{flex:1 1 auto}
 .matchday-page .search-row .select-label{flex:0 1 112px;max-width:112px}
 .matchday-page .match-search input{font-size:10px}
 .mobile-record{gap:7px;margin-bottom:8px;padding:6px 9px}
 .mobile-record strong{font-size:15px}
 .pick-explanation{font-size:9px}
 .kickoff-countdown{font-size:8px}
 .results-overview{padding:10px}
 .result-numbers{gap:7px}
 .result-numbers strong{font-size:17px}
 .result-numbers span{font-size:9px}
 .results-overview-heading h3{font-size:12px}
}