/* Resolve the caption colour at the page root before inheriting it in hovers. */
html[data-environment="unl2026"] {
  --national-hover-muted: color-mix(in srgb, var(--muted) 82%, var(--ink));
}
html[data-environment="unl2026"] .floating-player-tooltip {
  --muted: var(--national-hover-muted);
}

/* National qualification paths have a rank and an outcome, without a round column. */
html[data-environment="unl2026"] .group-live-route-row {
  grid-template-columns: 38px minmax(0, 1fr);
}

/* Domestic compact hover icons; existing view icons retain panel navigation. */

















html[data-environment="unl2026"] .match-tabs button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
html[data-environment="unl2026"] .match-tabs {
  grid-column: 2;
  grid-row: 4;
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 3px;
  width: auto;
  padding-left: 10px;
  border-left: 1px solid var(--line);
  z-index: 1;
}
html[data-environment="unl2026"] .match-tabs button {
  width: 30px;
  height: 30px;
  padding: 0;
}
html[data-environment="unl2026"] .match-h2h-detail-tooltip { display: grid; gap: 12px; min-width: 0; padding: 12px; background: var(--panel); }
html[data-environment="unl2026"] .match-h2h-title { font-size: calc(16px * var(--ui-font-scale)); }
html[data-environment="unl2026"] .match-h2h-detail-tooltip .match-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[data-environment="unl2026"] .match-h2h-detail-tooltip .match-stat-grid strong { white-space: normal; overflow-wrap: anywhere; }
html[data-environment="unl2026"] .match-h2h-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
html[data-environment="unl2026"] .match-h2h-summary .fact-item { display: block; min-width: 0; }
html[data-environment="unl2026"] .match-h2h-history { max-height: min(360px, 45dvh); overflow-y: auto; margin-top: 6px; }
html[data-environment="unl2026"] .match-h2h-history .h2h-row { text-decoration: none; }
html[data-environment="unl2026"] .match-h2h-history .h2h-row strong,
html[data-environment="unl2026"] .match-h2h-history .h2h-row em { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  
  html[data-environment="unl2026"] .match-context-meta,
  html[data-environment="unl2026"] .match-goal-controls,
  html[data-environment="unl2026"] .match-clock-panel,
  html[data-environment="unl2026"] .match-tabs { grid-column: 1; grid-row: auto; }
  html[data-environment="unl2026"] .match-context-meta { grid-row: 1; }
  
  html[data-environment="unl2026"] .match-goal-controls { grid-row: 3; }
  html[data-environment="unl2026"] .match-clock-panel { grid-row: 4; }
  
  html[data-environment="unl2026"] .match-tabs { grid-row: 6; justify-self: start; padding-left: 0; border-left: 0; }
  
  
  
  html[data-environment="unl2026"] .match-h2h-detail-tooltip .match-comparison { grid-template-columns: minmax(0, 1fr); }
  html[data-environment="unl2026"] .match-h2h-summary { grid-template-columns: minmax(0, 1fr); gap: 0; }
}