.results-page { max-width: 1160px; }

.results-content {
  display: grid;
  gap: 28px;
}

.results-story {
  display: block;
  padding: 0 0 22px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.results-story-kicker,
.results-section-kicker {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 680;
  letter-spacing: 0.035em;
}

.results-section-heading .results-section-kicker { margin-bottom: 0; }

.results-story h2,
.results-section-heading h2 {
  margin: 0;
  color: var(--text);
  letter-spacing: -0.03em;
}

.results-story h2 {
  max-width: 760px;
  font-size: clamp(1.2rem, 2.2vw, 1.48rem);
  font-weight: 710;
}

.results-story p {
  max-width: 780px;
  margin: 8px 0 0;
  color: var(--muted-strong);
  font-size: 0.86rem;
  line-height: 1.58;
}

.results-story .results-story-transparency {
  margin-top: 13px;
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--text);
  font-weight: 620;
}

.results-summary,
.match-results {
  display: grid;
  gap: 10px;
}

.results-section-heading { text-align: left; }

.results-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: transparent;
  box-shadow: none;
}

.result-metric {
  display: grid;
  min-width: 0;
  min-height: 86px;
  align-content: center;
  justify-items: start;
  padding: 13px 17px;
  border-right: 1px solid var(--line);
  background: transparent;
  text-align: left;
}

.result-metric:last-child { border-right: 0; }

.result-metric > span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 640;
}

.result-metric > strong {
  margin-top: 5px;
  color: var(--text);
  font-size: clamp(1.22rem, 2vw, 1.5rem);
  font-variant-numeric: tabular-nums;
  font-weight: 660;
  line-height: 1;
  letter-spacing: -0.035em;
}

.result-metric > small {
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.62rem;
  font-variant-numeric: tabular-nums;
  font-weight: 560;
}

.result-match-list {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: transparent;
  box-shadow: none;
}

.result-table-head,
.result-match {
  display: grid;
  grid-template-columns: minmax(230px, 1.6fr) 76px minmax(170px, 1fr) repeat(3, minmax(72px, 0.52fr));
  gap: 14px;
  align-items: center;
}

.result-table-head {
  min-height: 44px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted);
  font-size: 0.66rem;
  font-weight: 660;
}

.result-table-head > span { text-align: center; }
.result-table-head > span:first-child { text-align: left; }

.result-match {
  min-height: 92px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

.result-match:last-child { border-bottom: 0; }
.result-match:hover { background: rgba(255, 255, 255, 0.012); }

.result-match-info {
  min-width: 0;
  text-align: left;
}

.result-match-meta {
  display: block;
  margin-bottom: 5px;
  color: var(--muted);
  font-size: 0.7rem;
  line-height: 1.4;
}

.result-match-teams {
  display: block;
  overflow: hidden;
  color: var(--text);
  font-size: 0.94rem;
  line-height: 1.35;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.result-score {
  color: var(--text);
  font-size: 1.28rem;
  font-variant-numeric: tabular-nums;
  font-weight: 680;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
  white-space: nowrap;
}

.result-verdict {
  min-width: 0;
  text-align: center;
}

.result-check {
  display: inline-grid;
  grid-template-columns: minmax(0, auto) auto;
  align-items: center;
  justify-content: center;
  gap: 0 7px;
  max-width: 100%;
  color: var(--muted-strong);
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: center;
}

.result-check > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.result-check strong {
  color: var(--muted);
  font-size: 1rem;
  font-weight: 700;
}

.result-verdict--goal .result-check {
  font-variant-numeric: tabular-nums;
  font-weight: 650;
}

.result-mobile-field-label,
.result-mobile-goal-heading,
.result-check--mobile { display: none; }

.result-check.is-correct strong { color: var(--high); }
.result-check.is-wrong strong { color: var(--low); }
.result-check--empty { color: var(--muted); }

.results-empty {
  min-height: 220px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: transparent;
  box-shadow: none;
}

@media (min-width: 901px) {
  .results-story p { font-size: 0.92rem; }
  .result-table-head { font-size: 0.74rem; }
  .result-match-meta { font-size: 0.78rem; }
  .result-match-teams { font-size: 0.98rem; }
  .result-check { font-size: 0.8rem; }
}

@media (max-width: 900px) {
  .result-table-head,
  .result-match {
    grid-template-columns: minmax(190px, 1.35fr) 64px minmax(140px, 0.95fr) repeat(3, minmax(62px, 0.5fr));
    gap: 9px;
  }

  .result-table-head,
  .result-match { padding-inline: 14px; }
}

@media (max-width: 680px) {
  .results-content { gap: 24px; }
  .results-story { padding-bottom: 18px; }

  .results-story-kicker,
  .results-section-kicker {
    margin-bottom: 4px;
    font-size: 0.62rem;
    letter-spacing: 0.03em;
  }

  .results-section-heading .results-section-kicker { margin-bottom: 0; }
  .results-story h2 { font-size: 1.06rem; }

  .results-story p {
    margin-top: 7px;
    font-size: 0.76rem;
    line-height: 1.52;
  }

  .results-story .results-story-transparency {
    margin-top: 11px;
    padding-left: 10px;
  }

  .results-summary,
  .match-results { gap: 8px; }

  .results-overview { border-radius: var(--radius-md); }

  .result-metric {
    min-height: 66px;
    padding: 9px 8px;
  }

  .result-metric > span {
    font-size: 0.58rem;
    font-weight: 620;
    white-space: nowrap;
  }

  .result-metric > strong {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 630;
    letter-spacing: -0.02em;
  }

  .result-metric > small {
    margin-top: 4px;
    font-size: 0.51rem;
    font-weight: 540;
    white-space: nowrap;
  }

  .result-match-list { border-radius: var(--radius-md); }
  .result-table-head { display: none; }

  .result-match {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    min-height: 0;
    padding: 0;
  }

  .result-match:hover { background: transparent; }

  .result-match-info {
    grid-column: 1 / 6;
    min-width: 0;
    padding: 17px 8px 15px 14px;
    text-align: left;
  }

  .result-match-meta {
    margin-bottom: 5px;
    font-size: 0.68rem;
  }

  .result-match-teams {
    font-size: 0.9rem;
    line-height: 1.32;
    font-weight: 680;
    white-space: normal;
    text-wrap: balance;
  }

  .result-score {
    grid-column: 6 / 7;
    align-self: stretch;
    display: grid;
    place-items: center;
    padding: 15px 11px 13px 5px;
    font-size: 1.22rem;
    font-weight: 680;
  }

  .result-verdict {
    display: grid;
    min-height: 68px;
    place-items: center;
    border-top: 1px solid var(--line);
  }

  .result-verdict--outcome {
    grid-column: 1 / 7;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 11px;
    min-height: 50px;
    place-items: center start;
    padding: 9px 13px;
    border-right: 0;
  }

  .result-mobile-field-label {
    display: block;
    color: var(--muted);
    font-size: 0.6rem;
    font-weight: 650;
  }

  .result-verdict--outcome .result-check {
    justify-content: start;
    padding-inline: 0;
    font-size: 0.76rem;
    text-align: left;
  }

  .result-verdict--outcome .result-check strong { font-size: 1rem; }

  .result-verdict--goal[data-line="1.5"] {
    grid-column: 1 / 3;
    border-right: 1px solid var(--line);
  }

  .result-verdict--goal[data-line="2.5"] {
    grid-column: 3 / 5;
    border-right: 1px solid var(--line);
  }

  .result-verdict--goal[data-line="3.5"] { grid-column: 5 / 7; }

  .result-verdict--goal {
    grid-template-rows: auto auto;
    gap: 4px;
    min-height: 76px;
    align-content: center;
  }

  .result-mobile-goal-heading {
    display: block;
    color: var(--muted);
    font-size: 0.54rem;
    font-weight: 620;
    line-height: 1.2;
    white-space: nowrap;
  }

  .result-verdict--goal .result-check--desktop { display: none; }

  .result-verdict--goal .result-check--mobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    justify-items: center;
    align-items: center;
    gap: 3px;
    padding-inline: 4px;
    font-size: 0.68rem;
    line-height: 1.25;
  }

  .result-verdict--goal .result-check--mobile > span {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    text-align: center;
  }

  .result-verdict--goal .result-check--mobile strong {
    grid-column: 1;
    font-size: 1rem;
  }

  .results-empty { min-height: 200px; }
}

@media (max-width: 380px) {
  .result-metric { padding-inline: 6px; }
  .result-metric > span { font-size: 0.55rem; }
  .result-metric > strong { font-size: 0.94rem; }
  .result-metric > small { font-size: 0.48rem; }
  .result-match-teams { font-size: 0.86rem; }
  .result-verdict--outcome .result-check { font-size: 0.73rem; }
  .result-verdict--goal .result-check--mobile { font-size: 0.65rem; }
  .result-mobile-goal-heading { font-size: 0.51rem; }
}