/* Scoped progressive enhancement: SSR panels remain readable without scripts. */
.match-page [hidden] { display:none !important; }
.match-page:not([data-tabs-ready]) .panel-filters,
.match-page:not([data-tabs-ready]) [data-retry],
.match-page:not([data-tabs-ready]) [data-odds-company] { display:none; }
.match-page:not([data-tabs-ready]) .match-panel + .match-panel { border-top:1px solid var(--line); }
.match-overview { margin:0 0 24px; }
.match-overview h2 { font-size:19px; margin:0 0 10px; }
.match-overview p { color:var(--muted); font-size:14px; line-height:1.8; margin:6px 0; }
.match-noscript { padding:12px 16px; border-left:3px solid var(--green); font-size:14px; color:var(--muted); }
.match-page .tabs button {
  flex:1 0 96px; min-height:58px; display:flex; justify-content:center;
  align-items:center; padding:12px; border:0; border-radius:0;
  border-bottom:3px solid transparent; background:transparent; color:inherit;
  font-family:inherit; font-size:14px; font-weight:650; cursor:pointer;
}
.match-page .tabs button[aria-selected="true"] { color:var(--green); border-bottom-color:var(--green); background:#0a2918; }
.match-page .panel-filters button {
  display:block; white-space:nowrap; padding:8px 2px 12px;
  border:0; border-radius:0; border-bottom:2px solid transparent;
  background:transparent; color:inherit; font:inherit; font-size:14px; cursor:pointer;
}
.match-page .panel-filters button[aria-pressed="true"] { color:var(--green); border-bottom-color:var(--green); }
.match-page .tabs button:focus-visible,
.match-page .panel-filters button:focus-visible { outline:2px solid var(--green); outline-offset:-4px; }
.match-page .match-panel:focus-visible { outline:2px solid var(--green); outline-offset:-3px; }
@media (max-width:768px) {
  .match-page .tabs button { min-height:50px; flex-basis:92px; }
}