/* v0.23.0 — Shared classic competition layout: League, domestic cups and UETA.
   Built from original Nordic Football Online markup, informed by FMU league DOM
   references (tab_nav, tab_content, league_profile, league_table). No external CSS. */
:root { --classic-competition-width: 836px; --classic-competition-header: #303030; --classic-competition-tabs: #dedede; }
.classic-competition-page {
  width:100%; max-width:var(--classic-competition-width); min-width:0;
  margin:0 auto;
}
.classic-competition-page > .league-header {
  min-height:50px; padding:12px 30px; margin:0 0 10px;
  background:var(--classic-competition-header); border-radius:4px;
  display:flex; align-items:center; justify-content:space-between;
  color:#fff;
}
.classic-competition-page > .league-header h2 {
  min-width:0; margin:0; font:700 22px/1.25 Arial,Tahoma,sans-serif;
  overflow-wrap:anywhere;
}
.classic-competition-page > .league-header .league-switch-button {
  flex:0 0 24px; width:24px; height:24px;
  margin:0; color:#aaa;
}
.classic-competition-page > .classic-competition-panel {
  width:100%; min-width:0; margin:0; padding:0 0 6px;
  background:#fff; border:0; border-radius:5px 5px 0 0;
  box-shadow:none;
}
/* Match International Cup's full-width, equal-column grey navigation. */
.league-reference-panel > .classic-league-tabs {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  width:100%; min-height:44px; background:var(--classic-competition-tabs);
  border-radius:5px 5px 0 0; overflow:visible;
}
.league-reference-panel > .classic-league-tabs > .tab {
  min-width:0; width:100%; height:auto; min-height:44px; padding:10px 3px 11px;
  margin:0; border:0; border-top:4px solid #b5b5b5;
  border-radius:0; white-space:normal; overflow-wrap:break-word;
  font:700 12px/1.25 Arial,Tahoma,sans-serif; text-align:center;
  color:#2c343a; background:transparent;
}
.league-reference-panel > .classic-league-tabs > .tab:first-child { border-top-color:#7dbb4f; }
.league-reference-panel > .classic-league-tabs > .tab:nth-child(3) { border-top-color:#eb944b; }
.league-reference-panel > .classic-league-tabs > .tab:nth-child(4) { border-top-color:#57b4c0; }
.league-reference-panel > .classic-league-tabs > .tab:nth-child(5) { border-top-color:#e05b8d; }
.league-reference-panel > .classic-league-tabs > .tab.active { background:#fff; color:#171f25; }
.league-reference-panel > .classic-league-tabs > .tab:focus-visible {
  outline:2px solid #00a8ce; outline-offset:-3px;
}
/* A single league-profile row followed by an aligned 12-column standings table. */
.league-reference-panel .classic-league-leader {
  min-height:90px; height:auto; padding:9px 18px;
  display:flex; align-items:center;
}
.league-reference-panel .classic-league-table {
  width:calc(100% - 36px); margin:0 18px; border-collapse:collapse;
}
.league-reference-panel .classic-league-table thead th {
  text-align:center; white-space:nowrap;
}
.league-reference-panel .classic-league-table tbody td:nth-child(n+4):not(:last-child) {
  text-align:center;
}
.league-reference-panel .classic-league-table th:nth-child(3),
.league-reference-panel .classic-league-table td:nth-child(3) {text-align:left;}
.league-reference-panel .league-season select {font-size:17px; max-width:160px;}
.league-reference-panel .table-scroll { max-width:100%; overflow-x:auto; }
@media (max-width:680px) {
  .classic-competition-page > .league-header { padding:10px 16px; }
  .classic-competition-page > .league-header h2 { font-size:19px; }
  .league-reference-panel > .classic-league-tabs > .tab { font-size:10px; padding:7px 2px; min-height:45px; }
  .league-reference-panel .classic-league-table { min-width:630px; width:calc(100% - 14px); margin:0 7px; }
  .league-reference-panel .classic-league-leader { padding:8px 10px; }
  .league-reference-panel .league-season select { font-size:13px; }
}

/* Qualification is separate from league fixtures and their statistics. */
.league-qualification { margin:16px 0; padding:12px; border:1px solid #c8cdd1; border-radius:4px; color:#303030; background:#f8f9fa; overflow-wrap:anywhere; }
.qualification-path { margin:12px 0; border:1px solid #d1d5d8; padding:10px; background:#fff; }
.qualification-path h4 { margin:0 0 8px; }
.qualification-tie { padding:8px 0; border-top:1px solid #ddd; }
.qualification-game { display:grid; grid-template-columns:40px minmax(0,1fr) 60px minmax(0,1fr) 65px; gap:8px; align-items:center; padding:6px 0; }
.qualification-game button { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.qualification-game b { text-align:center; }
@media(max-width:600px) { .qualification-game { grid-template-columns:32px minmax(0,1fr) 44px minmax(0,1fr); gap:4px; } .qualification-game small { grid-column:2 / -1; } }