:root {
      color-scheme: light;
      --bg: #eef2f7;
      --card: #ffffff;
      --line: #d7dee8;
      --text: #102033;
      --muted: #5c6c7d;
      --accent: #1f6aa5;
      --shadow: 0 14px 32px rgba(13, 31, 52, 0.08);
      --radius: 22px;
    }
    * { box-sizing: border-box; }
    html[data-page-lang="en"] [data-lang="es"] { display: none !important; }
    html[data-page-lang="es"] [data-lang="en"] { display: none !important; }
    body {
      margin: 0;
      font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
      background: linear-gradient(180deg, #f7fafc 0%, var(--bg) 100%);
      color: var(--text);
    }
    .page {
      width: min(830px, calc(100vw - 32px));
      margin: 28px auto 48px;
    }
    .page__toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
    .back-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 38px;
      padding: 8px 13px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.92);
      color: var(--accent);
      box-shadow: 0 10px 24px rgba(13, 31, 52, 0.08);
      backdrop-filter: blur(6px);
      text-decoration: none;
      font-size: 14px;
      font-weight: 850;
      line-height: 1;
    }
    .back-link:hover {
      background: #eef4f9;
      color: #12314f;
    }
    .back-link__arrow {
      font-size: 18px;
      line-height: 1;
      transform: translateY(-1px);
    }    .lang-switcher {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 12px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 10px 24px rgba(13, 31, 52, 0.08);
      backdrop-filter: blur(6px);
    }
    .lang-switcher__button {
      appearance: none;
      border: none;
      background: transparent;
      color: var(--muted);
      padding: 0;
      font-size: 14px;
      font-weight: 800;
      cursor: pointer;
    }
    .lang-switcher__button.is-active {
      color: var(--accent);
    }
    .lang-switcher__divider {
      color: #8c9aab;
      font-weight: 700;
    }
    .hero {
      background: linear-gradient(135deg, #12314f 0%, #1f6aa5 100%);
      color: white;
      border-radius: 28px;
      padding: 28px 28px 24px;
      box-shadow: var(--shadow);
      margin-bottom: 18px;
    }
    .scoreboard {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      gap: 18px;
      align-items: start;
    }
    .scoreboard__team {
      min-width: 0;
    }
    .scoreboard__team--away {
      text-align: right;
    }
    .scoreboard__label {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.72);
    }
    .scoreboard__name {
      margin: 8px 0 0;
      font-size: clamp(26px, 3vw, 34px);
      line-height: 1.08;
      word-break: break-word;
    }
    .scoreboard__score-wrap {
      text-align: center;
      padding-top: 4px;
    }
    .scoreboard__score {
      margin-top: 8px;
      font-size: clamp(34px, 5vw, 54px);
      font-weight: 800;
      line-height: 1;
      letter-spacing: 0.03em;
    }
    .scoreboard__goals {
      list-style: none;
      margin: 14px 0 0;
      padding: 0;
      display: grid;
      gap: 6px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.92);
    }
    .hero-details {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 20px;
    }
    .hero-detail {
      padding: 12px 14px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(4px);
    }
    .hero-detail span {
      display: block;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.72);
      margin-bottom: 4px;
    }
    .hero-detail strong {
      display: block;
      font-size: 16px;
      line-height: 1.35;
      font-weight: 700;
    }
    .match-video {
      margin: 0 0 18px;
      border-radius: 22px;
      overflow: hidden;
      background: #0b1220;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
    }
    .match-video__frame {
      position: relative;
      aspect-ratio: 16 / 9;
      width: 100%;
    }
    .match-video__frame iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
      background: #0b1220;
    }
    .gallery-card {
      display: grid;
      gap: 16px;
      align-items: start;
    }
    .gallery-card__text {
      margin: 0;
      color: #27394d;
      font-size: 16px;
      line-height: 1.6;
    }
    .gallery-card__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      min-height: 44px;
      padding: 10px 16px;
      border-radius: 999px;
      background: linear-gradient(135deg, #12314f 0%, #1f6aa5 100%);
      color: #ffffff;
      text-decoration: none;
      font-size: 15px;
      font-weight: 900;
      box-shadow: 0 10px 20px rgba(18, 49, 79, 0.18);
    }
    .gallery-card__button:hover {
      background: linear-gradient(135deg, #164366 0%, #2479bd 100%);
    }
    .tabs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 8px;
      margin-bottom: 18px;
      padding: 8px;
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid var(--line);
      border-radius: 20px;
      box-shadow: var(--shadow);
      backdrop-filter: blur(6px);
    }
    .tab {
      appearance: none;
      border: none;
      background: transparent;
      color: var(--muted);
      border-radius: 14px;
      padding: 12px 10px;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0.02em;
      cursor: pointer;
      transition: background 120ms ease, color 120ms ease, transform 120ms ease;
    }
    .tab:hover {
      background: #eef4f9;
      color: var(--text);
    }
    .tab.is-active {
      background: linear-gradient(135deg, #12314f 0%, #1f6aa5 100%);
      color: white;
      box-shadow: 0 10px 18px rgba(18, 49, 79, 0.2);
    }
    .tab-panel {
      display: none;
    }
    .tab-panel.is-active {
      display: block;
    }
    .timeline {
      display: grid;
      gap: 18px;
    }
    .timeline__separator {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 4px 2px;
    }
    .timeline__separator::before,
    .timeline__separator::after {
      content: "";
      flex: 1;
      height: 1px;
      background: #c9d4e0;
    }
    .timeline__separator-label {
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid #c9d4e0;
      background: rgba(255, 255, 255, 0.9);
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      box-shadow: 0 6px 16px rgba(13, 31, 52, 0.05);
    }
    .event-card,
    .bookmark-card,
    .report-card,
    .placeholder-card {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      overflow: hidden;
      box-shadow: var(--shadow);
    }
    .event-card {
      --event-accent: #1f6aa5;
      --event-soft: #f8fbfe;
      --event-border: var(--line);
      border-color: var(--event-border);
      position: relative;
    }
    .event-card::before {
      content: "";
      display: block;
      height: 6px;
      background: var(--event-accent);
    }
    .event-card__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      padding: 18px 24px;
      border-bottom: 1px solid var(--line);
      background: linear-gradient(180deg, #ffffff 0%, var(--event-soft) 100%);
    }
    .event-card__title {
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text);
    }
    .event-card__minute {
      font-size: 28px;
      font-weight: 800;
      color: var(--event-accent);
      white-space: nowrap;
    }
    .event-card--goal {
      --event-accent: #0d8e56;
      --event-soft: #effaf4;
      --event-border: #c7e8d5;
    }
    .event-card--goal-structured {
      --event-accent: #3f82ea;
      --event-soft: #f7faff;
      --event-border: #c8d9fb;
    }
    .event-card--goal-structured::before {
      display: none;
    }
    .goal-card__banner {
      padding: 20px 24px 22px;
      text-align: center;
      color: white;
      background: linear-gradient(135deg, #4287f5 0%, #3671cf 100%);
    }
    .goal-card__icon {
      width: 30px;
      height: 30px;
      margin: 0 auto 8px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(255, 255, 255, 0.95);
      color: #102033;
      font-size: 18px;
      line-height: 1;
    }
    .goal-card__headline {
      font-size: 21px;
      line-height: 1.15;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .goal-card__minute {
      margin-top: 8px;
      font-size: 16px;
      line-height: 1;
      font-weight: 900;
    }
    .goal-card__body {
      padding: 24px 24px 22px;
      background: white;
    }
    .event-card--shot-on-target {
      --event-accent: #1f6aa5;
      --event-soft: #eff7fd;
      --event-border: #cfe3f5;
    }
    .event-card--shot-off-target {
      --event-accent: #c46b19;
      --event-soft: #fff6ee;
      --event-border: #f1dac1;
    }
    .event-card--shot-blocked {
      --event-accent: #7a5f1e;
      --event-soft: #fcf8e8;
      --event-border: #ebdfb6;
    }
    .event-card--yellow-card {
      --event-accent: #b88a00;
      --event-soft: #fff8d8;
      --event-border: #edd98b;
    }
    .event-card--red-card {
      --event-accent: #bf2d2d;
      --event-soft: #fff1f1;
      --event-border: #f0caca;
    }
    .event-card--substitution {
      --event-accent: #6b4ecb;
      --event-soft: #f5f0ff;
      --event-border: #ddd2f8;
    }
    .event-card--set-piece {
      --event-accent: #1c7a70;
      --event-soft: #edf9f6;
      --event-border: #cbe8e1;
    }
    .event-card--defensive {
      --event-accent: #3b5f86;
      --event-soft: #f2f6fb;
      --event-border: #d5dfec;
    }
    .event-card--misc {
      --event-accent: #56677a;
      --event-soft: #f4f6f8;
      --event-border: #d8dde3;
    }
    .event-card__shot {
      border-top: 1px solid var(--line);
      background: #dde7f1;
      min-height: 250px;
      display: flex;
      align-items: stretch;
      justify-content: center;
    }
    .event-card__shot img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      background: black;
    }
    .event-card__shot-placeholder {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--muted);
      padding: 24px;
      font-weight: 600;
      background: linear-gradient(135deg, #eef4f9 0%, #dde7f1 100%);
    }
    .event-card__body {
      padding: 22px 24px 20px;
    }
    .event-card__description {
      margin: 0;
      font-size: 17px;
      line-height: 1.7;
      color: #18293c;
    }
    .event-card__notes {
      margin: 16px 0 0;
      padding: 14px 16px;
      border-radius: 16px;
      background: #fff9e8;
      color: #6f4f00;
      font-size: 15px;
      line-height: 1.55;
      border: 1px solid #f2df9e;
    }
    .bookmark-card {
      padding: 12px;
      background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);
      border-color: #d7dee8;
    }
    .bookmark-card__frame {
      border-radius: 18px;
      overflow: hidden;
      border: 1px solid #d9e4ef;
      background: linear-gradient(180deg, #edf3f9 0%, #dbe6f1 100%);
    }
    .bookmark-card__shot {
      min-height: 250px;
      display: flex;
      align-items: stretch;
      justify-content: center;
      background: #dde7f1;
    }
    .bookmark-card__shot img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      background: black;
    }
    .bookmark-card__shot-placeholder {
      width: 100%;
      min-height: 250px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--muted);
      padding: 24px;
      font-weight: 600;
      background: linear-gradient(135deg, #eef4f9 0%, #dde7f1 100%);
    }
    .lineup-pitch {
      overflow: hidden;
      border-radius: 18px;
      border: 1px solid #71b982;
      background: #78c98c;
      color: #071d12;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
    }
    .lineup-pitch__header {
      height: 52px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 0 22px;
      background: rgba(255, 255, 255, 0.16);
      border-bottom: 2px solid rgba(255, 255, 255, 0.34);
      font-weight: 800;
    }
    .lineup-pitch__team {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 17px;
    }
    .lineup-pitch__formation {
      flex: 0 0 auto;
      padding: 6px 12px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.55);
      border: 1px solid rgba(255, 255, 255, 0.46);
      font-size: 13px;
      line-height: 1;
    }
    .lineup-pitch__field {
      position: relative;
      min-height: 360px;
      aspect-ratio: 2.25 / 1;
      overflow: hidden;
      background:
        linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 100%),
        linear-gradient(180deg, #7dcc91 0%, #73c489 100%);
      background-size: 25% 100%, auto;
    }
    .lineup-pitch__penalty,
    .lineup-pitch__goal-box,
    .lineup-pitch__midline,
    .lineup-pitch__center-circle {
      position: absolute;
      pointer-events: none;
      border-color: rgba(232, 255, 238, 0.72);
      z-index: 1;
    }
    .lineup-pitch__penalty {
      left: 0;
      top: 20%;
      width: 24%;
      height: 60%;
      border: 2px solid rgba(232, 255, 238, 0.72);
      border-left: 0;
      border-radius: 0 10px 10px 0;
    }
    .lineup-pitch__goal-box {
      left: 0;
      top: 35%;
      width: 10%;
      height: 30%;
      border: 2px solid rgba(232, 255, 238, 0.72);
      border-left: 0;
      border-radius: 0 9px 9px 0;
    }
    .lineup-pitch__midline {
      left: 50%;
      top: 0;
      bottom: 0;
      width: 2px;
      transform: translateX(-50%);
      background: rgba(232, 255, 238, 0.72);
    }
    .lineup-pitch__center-circle {
      left: 50%;
      top: 50%;
      width: 188px;
      height: 188px;
      transform: translate(-50%, -50%);
      border: 2px solid rgba(232, 255, 238, 0.72);
      border-radius: 50%;
    }
    .lineup-pitch__center-circle::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 8px;
      height: 8px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: rgba(232, 255, 238, 0.72);
    }
    .lineup-player {
      position: absolute;
      z-index: 2;
      transform: translate(-50%, -50%);
      display: grid;
      justify-items: center;
      gap: 5px;
      width: 120px;
      text-align: center;
    }
    .lineup-player__number {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #f8fbff;
      border: 2px solid rgba(13, 31, 52, 0.16);
      box-shadow: 0 6px 14px rgba(9, 35, 20, 0.22);
      color: #0d2135;
      font-size: 15px;
      line-height: 1;
      font-weight: 900;
    }
    .lineup-player__name {
      max-width: 116px;
      padding: 2px 5px;
      border-radius: 8px;
      background: rgba(120, 201, 140, 0.62);
      color: #071d12;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 700;
      overflow-wrap: anywhere;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
    }
    .report-card {
      padding: 24px;
    }
    .report-card__header {
      margin-bottom: 16px;
    }
    .report-card__header h2 {
      margin: 0;
      font-size: 22px;
      line-height: 1.25;
      color: var(--text);
    }
    .report-note {
      margin: 0 0 18px;
      padding: 14px 16px;
      border-radius: 14px;
      background: #f5f8fb;
      border: 1px solid #dfe7ef;
      color: #27394d;
    }
    .report-note p {
      margin: 0;
      font-size: 15px;
      line-height: 1.6;
    }
    .report-note + .report-note {
      margin-top: 16px;
    }
    .momentum-chart {
      margin: 0 0 18px;
      padding: 16px 16px 12px;
      border: 1px solid #dfe7ef;
      border-radius: 18px;
      background: linear-gradient(180deg, #f8fbfe 0%, #eef5fb 100%);
    }
    .momentum-chart__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 8px;
    }
    .momentum-chart__head h3 {
      margin: 0;
      font-size: 16px;
      line-height: 1.2;
    }
    .momentum-chart__legend {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 10px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }
    .momentum-chart__legend span {
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    .momentum-chart__swatch {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      display: inline-block;
    }
    .momentum-chart__swatch--us {
      background: #2b8a57;
    }
    .momentum-chart__swatch--them {
      background: #c1554d;
    }
    .momentum-chart__svg {
      width: 100%;
      height: auto;
      display: block;
    }
    .momentum-chart__minute {
      fill: #64748b;
      font-size: 12px;
      font-weight: 800;
    }
    .momentum-chart__player-label {
      fill: #41536a;
      font-size: 11px;
      font-weight: 900;
    }
    .momentum-chart__marker {
      font-size: 15px;
      font-weight: 950;
      paint-order: stroke;
      stroke: #ffffff;
      stroke-width: 3px;
      stroke-linejoin: round;
    }
    .momentum-chart__marker-badge {
      filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.22));
    }    .report-table-wrap {
      overflow-x: auto;
    }
    .report-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: auto;
      font-size: 15px;
    }
    .report-table th,
    .report-table td {
      padding: 12px 14px;
      border-bottom: 1px solid #e2e8f0;
      text-align: left;
      vertical-align: top;
    }
    .report-table th {
      color: #0f2135;
      font-weight: 800;
      background: #f8fafc;
    }
    .report-table td.num,
    .report-table th.num {
      text-align: right;
      white-space: nowrap;
    }
    .report-table--match-picture th:not(:first-child),
    .report-table--match-picture td.num {
      text-align: center;
    }
    .report-stat-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 34px;
      min-height: 28px;
      padding: 4px 10px;
      border-radius: 999px;
      background: #3f82ea;
      color: white;
      font-weight: 900;
      line-height: 1;
      box-shadow: 0 6px 12px rgba(63, 130, 234, 0.2);
    }
    .report-table--comparison th:not(:first-child),
    .report-table--comparison td:not(:first-child) {
      text-align: right;
      white-space: nowrap;
    }
    .placeholder-card {
      padding: 24px;
      font-size: 16px;
      line-height: 1.6;
      color: var(--muted);
    }
    @media (max-width: 680px) {
      .page {
        width: min(830px, calc(100vw - 24px));
      }
      .hero {
        padding: 24px 20px 20px;
      }
      .scoreboard {
        grid-template-columns: 1fr;
      }
      .scoreboard__team--away,
      .scoreboard__score-wrap {
        text-align: left;
      }
      .hero-details {
        grid-template-columns: 1fr;
      }
      .lineup-pitch__header {
        height: auto;
        min-height: 48px;
        padding: 10px 14px;
      }
      .lineup-pitch__field {
        min-height: 300px;
      }
      .lineup-player {
        width: 96px;
      }
      .lineup-player__number {
        width: 34px;
        height: 34px;
        font-size: 13px;
      }
      .lineup-player__name {
        max-width: 92px;
        font-size: 12px;
      }
      .tabs {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      }
      .event-card__header {
        padding: 16px 18px;
      }
      .event-card__body {
        padding: 18px;
      }
      .event-card__minute {
        font-size: 24px;
      }
      .bookmark-card {
        padding: 10px;
      }
    }

/* Shared PHP backend additions. */
.site-home .home-page {
  width: min(1120px, calc(100vw - 32px));
  margin: 28px auto 56px;
}
.home-hero {
  display: grid;
  align-items: end;
  min-height: 300px;
  margin: -28px calc(50% - 50vw) 28px;
  padding: 64px max(20px, calc((100vw - 1120px) / 2)) 42px;
  background: linear-gradient(120deg, #12314f, #1f6aa5 58%, #2b8a57);
  color: #fff;
}
.home-hero__eyebrow {
  margin: 0 0 8px;
  color: #dfeef7;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.home-hero h1 {
  margin: 0;
  max-width: 720px;
  font-size: clamp(34px, 6vw, 68px);
  line-height: 0.98;
  letter-spacing: 0;
}
.home-hero p {
  max-width: 690px;
  margin: 16px 0 0;
  color: #eef6fb;
  font-size: 17px;
}
.home-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
.home-metric {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: var(--shadow);
}
.home-metric span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.home-metric strong {
  display: block;
  margin-top: 5px;
  font-size: 25px;
  line-height: 1.05;
}
.home-metric small {
  display: block;
  min-height: 18px;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}
.match-table-wrap {
  overflow-x: visible;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
}
.match-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 0;
}
.match-table caption {
  padding: 18px 18px 10px;
  text-align: left;
  font-size: 20px;
  font-weight: 900;
}
.match-table th,
.match-table td {
  padding: 12px 10px;
  border-top: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.match-table th {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #f8fafb;
}
.match-table .fixture {
  white-space: normal;
  font-weight: 800;
}
.match-table .fixture-link {
  color: var(--accent);
  text-decoration: none;
}
.match-table .fixture-link:hover { text-decoration: underline; }
.match-table .stat { min-width: 0; text-align: center; }
.match-table th.stat { line-height: 1.15; white-space: normal; }
.match-table .col-date { width: 112px; }
.match-table .col-score { width: 96px; }
.match-table .col-context { width: 160px; }
.match-table .col-stat { width: 70px; }
.match-table .score-pill {
  display: inline-flex;
  min-width: 58px;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: #eef7f0;
  color: #164f33;
  font-weight: 900;
}
.match-table .tag {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf2f7;
  color: #324150;
  font-size: 12px;
  font-weight: 800;
}
.match-table .check { color: #164f33; font-size: 17px; font-weight: 950; }
.empty-row { color: var(--muted); text-align: center; }
@media (max-width: 760px) {
  .site-home .home-page { width: min(100vw - 28px, 1120px); }
  .home-hero { min-height: 250px; padding-left: 14px; padding-right: 14px; }
  .home-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}