/*
 * Arena Live 3.1
 * A clean shared presentation layer for the current templates.
 * Route CSS owns layout details; this file supplies one coherent palette,
 * header/footer, common cards and carefully scoped route refinements.
 */
:root {
  --theme-primary: #0877b9;
  --theme-primary-hover: #065d91;
  --theme-accent: #ef4057;
  --theme-success: #0d9a70;
  --theme-warning: #f59e0b;
  --bg-light: #f3f7fb;
  --border-color: #dce6ef;
  --text-main: #17283a;
  --text-soft: #62758a;
  --al-surface: #fff;
  --al-surface-soft: #f7fafc;
  --al-navy: #0d2031;
  --al-navy-2: #132d43;
  --al-blue: #0877b9;
  --al-blue-dark: #065d91;
  --al-red: #ef4057;
  --al-green: #0d9a70;
  --al-line: #dce6ef;
  --al-text: #17283a;
  --al-muted: #62758a;
  --al-radius: 12px;
  --al-shadow: 0 10px 30px rgba(25, 62, 94, .08);
}

html { background:#f3f7fb; }
body.arena-live-v2 {
  margin:0;
  color:var(--al-text);
  background:#f3f7fb;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.arena-live-v2 * { box-sizing:border-box; }
body.arena-live-v2 a { text-decoration:none; }
body.arena-live-v2 img { max-width:100%; }
body.arena-live-v2 .al-shell {
  width:min(1280px,calc(100% - 32px));
  max-width:1280px;
  margin-inline:auto;
}
body.arena-live-v2 .al-main-shell {
  display:block;
  min-height:62vh;
  padding:22px 0 54px;
}

/* Header */
.al-site-header {
  position:relative;
  z-index:30;
  color:#fff;
  background:var(--al-navy);
  box-shadow:0 3px 16px rgba(4,22,37,.12);
}
.al-header-main { background:var(--al-navy); }
.al-header-row {
  min-height:72px;
  display:grid;
  grid-template-columns:230px minmax(0,1fr) 250px;
  gap:18px;
  align-items:center;
}
.al-brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  min-width:0;
  color:#fff;
}
.al-brand-mark {
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.36);
  border-radius:12px;
  background:linear-gradient(145deg,#1b94d4,#0767a3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}
.al-brand-mark svg { width:37px; height:37px; overflow:visible; }
.al-logo-ball,.al-logo-panel,.al-logo-seam,.al-logo-signal {
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.al-logo-panel { fill:rgba(255,255,255,.16); stroke-width:1.7; }
.al-logo-seam { stroke-width:1.5; }
.al-logo-live-dot { fill:#ff5267; stroke:#fff; stroke-width:1; }
.al-brand-copy { min-width:0; }
.al-brand strong {
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:21px;
  line-height:1.16;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.al-brand small {
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:4px;
  color:#b8cada;
  font-size:10px;
  letter-spacing:.03em;
  white-space:nowrap;
}
.al-brand small b {
  display:inline-flex;
  align-items:center;
  min-height:15px;
  padding:0 4px;
  color:#fff;
  background:var(--al-red);
  border-radius:3px;
  font-size:8px;
}
.al-primary-nav {
  align-self:stretch;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.al-primary-nav a {
  display:flex;
  align-items:center;
  padding:0 15px;
  color:#d7e2ec;
  border-bottom:3px solid transparent;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.al-primary-nav a:hover,.al-primary-nav a.is-active {
  color:#fff;
  background:rgba(255,255,255,.06);
  border-bottom-color:#2ca9e8;
}
.al-search {
  height:40px;
  display:flex;
  overflow:hidden;
  background:#091722;
  border:1px solid #314b60;
  border-radius:7px;
}
.al-search label { flex:1; min-width:0; }
.al-search input {
  width:100%;
  height:100%;
  padding:0 12px;
  color:#fff;
  background:transparent;
  border:0;
  outline:0;
  font-size:13px;
}
.al-search input::placeholder { color:#8094a6; }
.al-search button {
  width:42px;
  display:grid;
  place-items:center;
  color:#bcd0df;
  background:transparent;
  border:0;
  cursor:pointer;
}
.al-search button i { display:none; }
.al-search button::before {
  content:"";
  width:13px;
  height:13px;
  display:block;
  border:2px solid currentColor;
  border-radius:50%;
}
.al-search button::after {
  content:"";
  width:7px;
  height:2px;
  margin:-8px 0 0 15px;
  display:block;
  background:currentColor;
  transform:rotate(45deg);
}
.al-league-bar {
  min-height:44px;
  display:flex;
  align-items:center;
  background:#091722;
  border-top:1px solid rgba(255,255,255,.05);
}
.al-league-bar nav {
  display:flex;
  overflow-x:auto;
  scrollbar-width:none;
}
.al-league-bar a {
  padding:12px 18px;
  color:#b9c9d6;
  font-size:13px;
  white-space:nowrap;
}
.al-league-bar a:hover { color:#fff; background:#142b3d; }
.al-menu-toggle,.al-mobile-menu { display:none; }

/* Common page surfaces */
body.arena-live-v2 .al-main-shell > .alv2-page,
body.arena-live-v2 .al-main-shell > .jzt-portal-league-wrap,
body.arena-live-v2 .al-main-shell > .sp-match-page,
body.arena-live-v2 .al-main-shell > .sp-team-page,
body.arena-live-v2 .al-main-shell > .portal-player-wrap,
body.arena-live-v2 .al-main-shell > .container {
  color:var(--al-text);
}
body.arena-live-v2 .jzt-breadcrumb,
body.arena-live-v2 nav.breadcrumb {
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  margin:0 0 16px;
  padding:0 16px;
  overflow:hidden;
  color:var(--al-muted);
  background:#fff;
  border:1px solid var(--al-line);
  border-left:4px solid var(--al-blue);
  border-radius:9px;
  box-shadow:0 3px 12px rgba(24,61,92,.04);
  font-size:13px;
  line-height:1.5;
}
body.arena-live-v2 .jzt-breadcrumb ol {
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  padding:0;
  overflow:hidden;
  list-style:none;
}
body.arena-live-v2 .jzt-breadcrumb li {
  min-width:0;
  display:flex;
  align-items:center;
  color:var(--al-muted);
  white-space:nowrap;
}
body.arena-live-v2 .jzt-breadcrumb li+li::before {
  content:"/";
  margin:0 9px;
  color:#a4b2bf;
}
body.arena-live-v2 .jzt-breadcrumb a { color:#0871ad; font-weight:700; }
body.arena-live-v2 .jzt-breadcrumb li:last-child {
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.arena-live-v2 .jzt-breadcrumb .cur,
body.arena-live-v2 .jzt-breadcrumb li:last-child span {
  overflow:hidden;
  color:#52677a;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.arena-live-v2 .layout-grid {
  align-items:start;
}
body.arena-live-v2 .mod-box,
body.arena-live-v2 .wg,
body.arena-live-v2 .side-card,
body.arena-live-v2 .jzt-side-box,
body.arena-live-v2 .sp-match-card,
body.arena-live-v2 .sp-team-card,
body.arena-live-v2 .portal-table-container,
body.arena-live-v2 .jzt-seo-content-box {
  color:var(--al-text);
  background:#fff;
  border-color:var(--al-line);
  box-shadow:0 4px 18px rgba(25,62,94,.05);
}
body.arena-live-v2 .mod-hd,
body.arena-live-v2 .wg-hd,
body.arena-live-v2 .side-card-hd,
body.arena-live-v2 .sp-team-head,
body.arena-live-v2 .sp-section-head,
body.arena-live-v2 .jzt-page-titlebar {
  color:var(--al-text);
  background:#f7fafc;
  border-color:var(--al-line);
}
body.arena-live-v2 .mod-hd h2,
body.arena-live-v2 .mod-hd h3,
body.arena-live-v2 .wg-hd h2,
body.arena-live-v2 .wg-hd h3,
body.arena-live-v2 .sp-team-head h2,
body.arena-live-v2 .sp-team-head h3,
body.arena-live-v2 .sp-section-head h2,
body.arena-live-v2 .sp-section-head h3 { color:var(--al-text); }

/* League routes */
.alv2-league-page .league-matrix-top {
  margin:0 0 16px;
  padding:16px;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
  box-shadow:0 4px 16px rgba(25,62,94,.05);
}
.alv2-league-page .league-matrix-hint {
  margin:0 0 10px;
  color:var(--al-muted);
  font-size:12px;
  font-weight:700;
}
.alv2-league-page .league-matrix-links {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0;
  color:var(--al-text);
  background:transparent;
}
.alv2-league-page .league-matrix-links a {
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 11px;
  color:#40566a;
  background:#f3f7fa;
  border:1px solid #dce6ef;
  border-radius:999px;
  font-size:12px;
}
.alv2-league-page .league-matrix-links a:hover,
.alv2-league-page .league-matrix-links a.active {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-league-page .league-header {
  margin-bottom:18px;
  padding:18px 22px;
  color:#fff;
  background:linear-gradient(120deg,#0769a4,#1191cc);
  border:0;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(8,119,185,.16);
}
.alv2-league-page .league-title-box h1 { color:#fff; font-size:24px; }
.alv2-league-page .league-jzt-nav-links {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:0;
  background:transparent;
}
.alv2-league-page .league-jzt-nav-links a {
  margin:0;
  color:#e7f6ff;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
}
.alv2-league-page .league-jzt-nav-links a:hover,
.alv2-league-page .league-jzt-nav-links a.active {
  color:#0871ad;
  background:#fff;
  border-color:#fff;
}
.alv2-league-page .mod-box {
  overflow:hidden;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
}
.alv2-league-page .mod-hd {
  min-height:50px;
  padding:0 16px;
  border-left:4px solid var(--al-blue);
}
.alv2-league-page .jzt-match-row {
  min-height:78px;
  color:#22384d;
  background:#fff;
  border-color:#edf2f6;
}
.alv2-league-page .jzt-match-row:hover { background:#f7fbfe; }
.alv2-league-page .jzt-m-team,
.alv2-league-page .jzt-m-score,
.alv2-league-page .jzt-m-time .t-hi,
.alv2-league-page .m-link-row1 { color:#1d3347; }
.alv2-league-page .jzt-m-time .t-md { color:#7d8d9d; }
.alv2-league-page .dynamic-src {
  color:#0871ad;
  background:#edf8fe;
  border-color:#9bd2ee;
}
.alv2-league-page .tag-cloud-dense a {
  color:#40566a;
  background:#f4f7fa;
  border-color:#dde6ee;
}

/* Schedule routes */
.alv2-schedule-page .layout-grid { gap:20px; }
.alv2-schedule-page .col-main {
  overflow:hidden;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
  box-shadow:0 5px 20px rgba(25,62,94,.06);
}
.alv2-schedule-page .jzt-page-titlebar {
  min-height:58px;
  justify-content:center;
  padding:0 18px;
  color:#fff;
  background:linear-gradient(120deg,#0769a4,#1191cc);
  border:0;
}
.alv2-schedule-page .jzt-page-titlebar h1,
.alv2-schedule-page .jzt-page-titlebar h2 { margin:0; color:#fff; }
.alv2-schedule-page .jzt-c-tabs,
.alv2-schedule-page .c-tabs {
  background:#fff;
  border-color:var(--al-line);
}
.alv2-schedule-page .jzt-c-tabs a,
.alv2-schedule-page .c-tabs a { color:#50657a; }
.alv2-schedule-page .jzt-c-tabs a.active,
.alv2-schedule-page .c-tabs a.active { color:#0871ad; background:#eef8fd; }
.alv2-schedule-page .jzt-c-tabs a.active::after,
.alv2-schedule-page .c-tabs a.active::after { background:var(--al-blue); }
.alv2-schedule-page .jzt-c-dates,
.alv2-schedule-page .c-dates { background:#f8fafc; border-color:var(--al-line); }
.alv2-schedule-page .jzt-c-dates a,
.alv2-schedule-page .c-dates a {
  color:#40566a;
  background:#fff;
  border:1px solid #dce6ef;
  border-radius:7px;
}
.alv2-schedule-page .jzt-c-dates a.active {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-schedule-page .jzt-league-filter-bar {
  margin:0;
  padding:13px 14px;
  color:#42576a;
  background:#f4f8fb;
  border:0;
  border-bottom:1px solid var(--al-line);
}
.alv2-schedule-page .league-filter-btn {
  min-height:28px;
  margin:2px;
  padding:0 10px;
  color:#40566a;
  background:#fff;
  border:1px solid #d8e4ed;
  border-radius:6px;
}
.alv2-schedule-page .league-filter-btn.active,
.alv2-schedule-page .league-filter-btn:hover {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-schedule-page .jzt-league-group-title {
  color:#1c3449;
  background:#eaf4fa;
  border-color:#d8e8f2;
}
.alv2-schedule-page .m-row {
  color:#243b50;
  background:#fff;
  border-color:#edf2f6;
}
.alv2-schedule-page .m-row:hover { background:#f8fbfd; }
.alv2-schedule-page .jzt-schedule-live-btn {
  display:inline-flex;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  color:#fff;
  background:var(--al-blue);
  border:0;
  border-radius:6px;
  font-weight:700;
}
.alv2-schedule-page .jzt-schedule-note {
  margin-top:18px;
  padding:18px 20px;
  color:#4c6276;
  background:#f7fbfe;
  border:1px solid #dceaf3;
  border-left:4px solid var(--al-blue);
  border-radius:10px;
}
.alv2-schedule-page .jzt-schedule-note h2,
.alv2-schedule-page .jzt-schedule-note h3 { color:#16344c; }

/* Match routes */
.alv2-match-page.sp-match-page {
  background:transparent;
}
.alv2-match-page .sp-match-hero {
  overflow:visible;
  background:transparent;
}
.alv2-match-page .sp-match-container { max-width:1200px; }
.alv2-match-page .sp-match-crumb { margin-bottom:16px; }
.alv2-match-page .sp-match-stage-card {
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 75% 15%,rgba(255,255,255,.16),transparent 25%),
    linear-gradient(125deg,#075f98 0%,#0c83bc 58%,#07557f 100%);
  border-radius:14px;
  box-shadow:0 14px 34px rgba(6,87,134,.18);
}
.alv2-match-page .sp-match-heading,
.alv2-match-page .sp-match-heading-copy,
.alv2-match-page .sp-match-heading h1,
.alv2-match-page .sp-match-heading-meta { color:#fff; }
.alv2-match-page .sp-match-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
}
.alv2-match-page .sp-match-card {
  overflow:hidden;
  color:var(--al-text);
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
}
.alv2-match-page .sp-match-card h2,
.alv2-match-page .sp-match-card h3 { color:#19344b; }
.alv2-match-page .sp-smart-sidebar,
.alv2-match-page .sp-smart-sidebar-wrap {
  color:var(--al-text);
}
.alv2-match-page .sp-smart-card {
  overflow:hidden;
  color:var(--al-text);
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:10px;
  box-shadow:0 4px 18px rgba(25,62,94,.05);
}
.alv2-match-page .sp-smart-card header,
.alv2-match-page .sp-smart-card>h3 {
  color:#19344b;
  background:#f7fafc;
  border-color:var(--al-line);
}
.alv2-match-page .sp-smart-card a { color:#365169; }
.alv2-match-page .sp-smart-card a:hover { color:var(--al-blue); }

/* Standings, directories, entities and editorial routes */
.alv2-standings-page,
.alv2-team-page,
.alv2-player-page,
.alv2-static-page,
.alv2-seo-page,
.jzt-article-page,
.jzt-portal-cat-wrap,
.jzt-dir-wrap {
  color:var(--al-text);
}
.alv2-standings-page .jzt-league-matrix-nav,
.alv2-standings-page .jzt-standings-head,
.alv2-standings-page .table-responsive,
.jzt-dir-main-box,
.jzt-dir-seo-box {
  background:#fff;
  border-color:var(--al-line);
  border-radius:10px;
  box-shadow:0 4px 18px rgba(25,62,94,.05);
}
.alv2-standings-page .jzt-league-matrix-nav a {
  color:#40566a;
  background:#f3f7fa;
  border-color:#dce6ef;
}
.alv2-standings-page .jzt-league-matrix-nav a.active,
.alv2-standings-page .jzt-league-matrix-nav a:hover {
  color:#fff;
  background:var(--al-blue);
  border-color:var(--al-blue);
}
.alv2-standings-page .jzt-table-standings { color:#243b50; background:#fff; }
.alv2-standings-page .jzt-table-standings thead { color:#40566a; background:#edf5fa; }
.alv2-standings-page .jzt-table-standings tr { border-color:#e8eff5; }

/* Home */
.alv2-home { display:grid; gap:20px; }
.alv2-home-hero {
  min-height:330px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.16),transparent 23%),
    linear-gradient(120deg,#083a5b 0%,#0878b9 58%,#0a5e91 100%);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(5,70,110,.18);
}
.alv2-hero-copy { position:relative; padding:46px 50px; }
.alv2-eyebrow {
  display:inline-flex;
  padding:6px 9px;
  color:#dff4ff;
  border:1px solid rgba(255,255,255,.34);
  border-radius:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.alv2-hero-copy h1 { margin:18px 0 10px; color:#fff; font-size:42px; line-height:1.15; }
.alv2-hero-copy p { margin:0; max-width:590px; color:#d5edfa; font-size:15px; line-height:1.8; }
.alv2-hero-actions { display:flex; gap:10px; margin-top:24px; }
.alv2-hero-actions a {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 19px;
  color:#fff;
  border:1px solid rgba(255,255,255,.48);
  border-radius:7px;
  font-weight:800;
}
.alv2-hero-actions a.is-primary { background:var(--al-red); border-color:var(--al-red); }
.alv2-hero-stats { display:flex; gap:34px; margin:28px 0 0; }
.alv2-hero-stats div { display:grid; }
.alv2-hero-stats dt { color:#fff; font-size:25px; font-weight:900; line-height:1; }
.alv2-hero-stats dd { margin:6px 0 0; color:#bad8e8; font-size:12px; }
.alv2-focus-match {
  align-self:center;
  margin:28px;
  overflow:hidden;
  background:rgba(7,27,42,.72);
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  backdrop-filter:blur(8px);
}
.alv2-focus-match header,
.alv2-focus-match footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  color:#d1e6f2;
  border-color:rgba(255,255,255,.14);
}
.alv2-focus-match footer { background:rgba(0,0,0,.12); }
.alv2-focus-match footer p { margin:0; color:#c0d4df; font-size:12px; }
.alv2-focus-teams {
  display:grid;
  grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:25px 18px 22px;
}
.alv2-focus-teams>span { min-width:0; display:flex; flex-direction:column; align-items:center; gap:9px; }
.alv2-focus-teams img,.alv2-focus-teams .wc-logo-fallback { width:52px; height:52px; object-fit:contain; }
.alv2-focus-teams strong { max-width:100%; overflow:hidden; color:#fff; text-overflow:ellipsis; white-space:nowrap; }
.alv2-focus-teams b { display:grid; place-items:center; gap:7px; color:#fff; font-size:27px; }
.alv2-focus-teams b small { padding:3px 9px; color:#d6e2e9; background:rgba(255,255,255,.14); border-radius:20px; font-size:10px; }
.alv2-channel-grid,.alv2-league-strip {
  display:grid;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:12px;
  box-shadow:var(--al-shadow);
}
.alv2-channel-grid { grid-template-columns:repeat(7,1fr); }
.alv2-channel-grid a {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#263d52;
  border-right:1px solid #e5edf3;
  font-size:14px;
  font-weight:800;
}
.alv2-channel-grid i { display:none; }
.alv2-channel-grid a:hover { color:var(--al-blue); background:#f5faff; }
.alv2-league-strip { grid-template-columns:repeat(5,1fr); }
.alv2-league-strip a {
  min-height:92px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 20px;
  color:#263d52;
  border-right:1px solid #e5edf3;
}
.alv2-league-strip img { width:40px; height:40px; object-fit:contain; }
.alv2-league-strip span { min-width:0; display:grid; gap:4px; }
.alv2-league-strip small { color:#7d8d9d; font-size:11px; }
.alv2-panel {
  overflow:hidden;
  color:var(--al-text);
  background:#fff;
  border:1px solid var(--al-line);
  border-radius:12px;
  box-shadow:var(--al-shadow);
}
.alv2-section-head {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 20px;
  background:#f7fafc;
  border-bottom:1px solid var(--al-line);
}
.alv2-section-head>div { display:grid; gap:5px; }
.alv2-section-head span { color:var(--al-blue); font-size:11px; font-weight:900; letter-spacing:.08em; }
.alv2-section-head h2 { margin:0; color:#17334a; font-size:21px; }
.alv2-section-head>a { color:#587086; font-size:13px; }
.alv2-filter { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.alv2-filter button {
  min-height:32px;
  padding:0 14px;
  color:#40566a;
  background:#fff;
  border:1px solid #d8e4ed;
  border-radius:7px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.alv2-filter button.active,.alv2-filter button:hover { color:#fff; background:var(--al-blue); border-color:var(--al-blue); }
.alv2-fixture-head,.alv2-fixture-row {
  display:grid;
  grid-template-columns:88px 120px minmax(0,1fr) 82px 112px;
  align-items:center;
}
.alv2-fixture-head {
  min-height:38px;
  padding:0 16px;
  color:#7c8c9c;
  background:#edf4f8;
  font-size:11px;
  text-align:center;
}
.alv2-day-group h3 { margin:0; padding:11px 16px; color:#17344c; background:#f8fafc; border-bottom:1px solid #e8eff5; font-size:13px; }
.alv2-fixture-row { min-height:70px; padding:8px 16px; color:#233b50; border-bottom:1px solid #edf2f6; }
.alv2-fixture-row:hover { background:#f8fbfd; }
.alv2-fixture-row>time { display:grid; }
.alv2-fixture-row>time strong { color:#17344c; font-size:15px; }
.alv2-fixture-row>time small,.alv2-fixture-league { color:#7c8c9c; font-size:11px; }
.alv2-fixture-versus { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); align-items:center; gap:9px; }
.alv2-fixture-versus>span { min-width:0; display:flex; align-items:center; gap:9px; }
.alv2-fixture-versus>span:first-child { justify-content:flex-end; text-align:right; }
.alv2-fixture-versus strong { overflow:hidden; color:#20384c; text-overflow:ellipsis; white-space:nowrap; }
.alv2-fixture-versus img,.alv2-fixture-versus .wc-logo-fallback { flex:0 0 28px; width:28px; height:28px; object-fit:contain; }
.alv2-fixture-versus b { color:#17344c; text-align:center; white-space:nowrap; }
.alv2-state { justify-self:center; padding:4px 8px; color:#5e7184; background:#edf2f6; border-radius:20px; font-size:11px; font-style:normal; }
.state-live .alv2-state { color:#fff; background:var(--al-red); }
.state-next .alv2-state { color:#075a88; background:#dff4ff; }
.alv2-fixture-action { display:flex; justify-content:flex-end; }
.wc-live-btn {
  min-width:92px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  color:#fff;
  background:var(--al-blue);
  border:1px solid var(--al-blue);
  border-radius:6px;
  font-size:12px;
  font-weight:800;
}
.alv2-more-link {
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0871ad;
  background:#f7fbfe;
  border-top:1px solid var(--al-line);
  font-size:13px;
  font-weight:800;
}
.alv2-editorial-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr); gap:20px; }
.alv2-news-grid,.alv2-video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:14px; }
.alv2-news-card { min-height:102px; display:grid; grid-template-columns:140px minmax(0,1fr); gap:12px; align-items:center; overflow:hidden; color:#263d52; background:#f8fafc; border-radius:8px; }
.alv2-news-card img { width:140px; height:102px; object-fit:cover; }
.alv2-news-card>span { display:grid; gap:8px; padding-right:12px; }
.alv2-news-card small { color:#7c8c9c; font-size:11px; }
.alv2-video-card { overflow:hidden; color:#263d52; background:#f8fafc; border-radius:8px; }
.alv2-video-thumb { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#dce6ef; }
.alv2-video-thumb img { width:100%; height:100%; object-fit:cover; }
.alv2-video-card>strong { min-height:56px; display:block; padding:10px 12px; font-size:13px; line-height:1.45; }
.alv2-topic-cloud { display:flex; flex-wrap:wrap; gap:8px; padding:18px; }
.alv2-topic-cloud a { padding:7px 11px; color:#40566a; background:#f4f8fb; border:1px solid #dce6ef; border-radius:999px; font-size:12px; }
.alv2-topic-cloud a:hover { color:#fff; background:var(--al-blue); border-color:var(--al-blue); }
.alv2-seo-copy { padding:22px 24px; color:#536b80; background:#f7fbfe; border:1px solid var(--al-line); border-left:4px solid var(--al-blue); border-radius:10px; }
.alv2-seo-copy h2 { margin:0 0 8px; color:#17344c; font-size:18px; }
.alv2-seo-copy p { margin:0; font-size:13px; line-height:1.8; }

/* Footer */
.al-site-footer { color:#c4d1dc; background:#0a1925; border-top:4px solid var(--al-blue); }
.al-footer-grid { display:grid; grid-template-columns:minmax(300px,1.4fr) repeat(3,1fr); gap:42px; padding:42px 0 32px; }
.al-footer-brand p { max-width:430px; margin:18px 0 0; color:#8fa3b5; font-size:13px; line-height:1.8; }
.al-footer-grid nav { display:grid; align-content:start; gap:10px; }
.al-footer-grid nav strong { margin-bottom:5px; color:#fff; font-size:14px; }
.al-footer-grid nav a { color:#9fb0bf; font-size:13px; }
.al-footer-grid nav a:hover,.al-footer-bottom a:hover { color:#fff; }
.al-footer-bottom { min-height:54px; display:flex; align-items:center; justify-content:space-between; color:#7f93a5; border-top:1px solid #203342; font-size:12px; }
.al-footer-bottom a { color:#9fb0bf; }

@media (max-width:1100px) {
  .al-header-row { grid-template-columns:220px minmax(0,1fr) 44px; }
  .al-search { display:none; }
  .al-primary-nav a { padding-inline:11px; }
  .alv2-home-hero { grid-template-columns:1fr 390px; }
  .alv2-hero-copy { padding:38px; }
  .alv2-channel-grid { grid-template-columns:repeat(4,1fr); }
  .alv2-channel-grid a { border-bottom:1px solid #e5edf3; }
  .alv2-league-strip { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:900px) {
  body.arena-live-v2 .al-shell { width:min(100% - 24px,1280px); }
  .al-header-row { min-height:64px; grid-template-columns:minmax(0,1fr) 44px; }
  .al-primary-nav { display:none; }
  .al-menu-toggle {
    width:42px;
    height:42px;
    display:grid;
    place-content:center;
    gap:5px;
    padding:0;
    color:#fff;
    background:#143249;
    border:1px solid #31516a;
    border-radius:8px;
  }
  .al-menu-toggle span { width:20px; height:2px; display:block; background:currentColor; }
  .al-mobile-menu {
    padding:14px 12px 18px;
    color:#fff;
    background:#0d2031;
    border-top:1px solid #294156;
  }
  .al-mobile-menu[hidden] { display:none; }
  .al-mobile-menu.is-open { display:block; }
  .al-mobile-menu form { display:flex; gap:8px; margin-bottom:12px; }
  .al-mobile-menu input { flex:1; min-width:0; height:38px; padding:0 10px; border:1px solid #365066; border-radius:6px; }
  .al-mobile-menu button { padding:0 14px; color:#fff; background:var(--al-blue); border:0; border-radius:6px; }
  .al-mobile-menu nav { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
  .al-mobile-menu nav a { padding:9px; color:#d9e5ee; background:#142c3f; border-radius:6px; text-align:center; font-size:13px; }
  .alv2-home-hero { grid-template-columns:1fr; }
  .alv2-focus-match { margin-top:0; }
  .alv2-editorial-grid { grid-template-columns:1fr; }
  .alv2-match-page .sp-match-layout { grid-template-columns:1fr; }
  .alv2-match-page .sp-smart-sidebar-wrap { display:none; }
  .al-footer-grid { grid-template-columns:repeat(3,1fr); }
  .al-footer-brand { grid-column:1/-1; }
}

@media (max-width:768px) {
  body.arena-live-v2 .al-shell { width:100%; }
  body.arena-live-v2 .al-main-shell { padding:12px 0 30px; }
  .al-header-row { padding:0 12px; }
  .al-brand-mark { flex-basis:39px; width:39px; height:39px; }
  .al-brand strong { font-size:18px; }
  .al-league-bar nav { padding-inline:6px; }
  .al-league-bar a { padding:11px 12px; }
  .al-mobile-menu nav { grid-template-columns:repeat(2,1fr); }
  body.arena-live-v2 .jzt-breadcrumb,
  body.arena-live-v2 nav.breadcrumb { min-height:40px; margin:0 10px 12px; width:calc(100% - 20px); padding:0 12px; border-radius:7px; }
  .alv2-league-page .league-matrix-top { margin:0 10px 12px; padding:12px; border-radius:8px; }
  .alv2-league-page .league-matrix-links { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
  .alv2-league-page .league-matrix-links a { flex:0 0 auto; }
  .alv2-league-page .league-header { margin:0 10px 12px; padding:14px; border-radius:8px; }
  .alv2-league-page .league-title-box h1 { font-size:19px; }
  .alv2-league-page .league-jzt-nav-links { width:100%; overflow-x:auto; flex-wrap:nowrap; }
  .alv2-league-page .league-jzt-nav-links a { flex:0 0 auto; }
  .alv2-league-page .layout-grid { display:block; }
  .alv2-league-page .layout-side { width:100%; }
  .alv2-schedule-page .layout-grid { display:block; }
  .alv2-schedule-page .col-main { border-radius:0; }
  .alv2-schedule-page .col-side { width:100%; margin-top:12px; }
  .alv2-schedule-page .jzt-league-filter-bar { overflow-x:auto; white-space:nowrap; }
  .alv2-match-page .sp-match-stage-card { border-radius:0; }
  .alv2-home { gap:12px; }
  .alv2-home-hero { border-radius:0; }
  .alv2-hero-copy { padding:28px 18px; }
  .alv2-hero-copy h1 { font-size:30px; }
  .alv2-hero-stats { gap:24px; }
  .alv2-focus-match { margin:0 12px 16px; }
  .alv2-channel-grid { grid-template-columns:repeat(3,1fr); border-radius:0; }
  .alv2-channel-grid a { min-height:60px; font-size:13px; }
  .alv2-league-strip { grid-template-columns:1fr; border-radius:0; }
  .alv2-league-strip a { min-height:64px; border-right:0; border-bottom:1px solid #e5edf3; }
  .alv2-section-head { align-items:flex-start; flex-direction:column; min-height:auto; padding:14px; }
  .alv2-filter { justify-content:flex-start; }
  .alv2-fixture-head { display:none; }
  .alv2-fixture-row {
    grid-template-columns:54px minmax(0,1fr) 72px;
    grid-template-areas:"time versus state" "league versus action";
    gap:5px 8px;
    padding:10px 12px;
  }
  .alv2-fixture-row>time { grid-area:time; }
  .alv2-fixture-league { grid-area:league; text-align:left; }
  .alv2-fixture-versus { grid-area:versus; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr); }
  .alv2-fixture-versus img,.alv2-fixture-versus .wc-logo-fallback { display:none; }
  .alv2-state { grid-area:state; }
  .alv2-fixture-action { grid-area:action; }
  .wc-live-btn { min-width:68px; min-height:29px; padding:0 7px; }
  .alv2-news-grid,.alv2-video-grid { grid-template-columns:1fr; }
  .alv2-news-card { grid-template-columns:112px minmax(0,1fr); }
  .alv2-news-card img { width:112px; }
  .al-footer-grid { grid-template-columns:1fr 1fr; gap:26px 18px; padding:30px 16px 24px; }
  .al-footer-brand { grid-column:1/-1; }
  .al-footer-bottom { padding:0 16px; }
}