/* Results of past tournaments (templates/results.php), on top of /shared/site.css. */
.results-legend { font-size: 14px; max-width: 760px; }
.results-legend abbr, .results abbr { text-decoration: none; cursor: help; }
.mp-sample { font-style: italic; }

.results { font-size: 14px; width: auto; min-width: 100%; }
.results th, .results td { white-space: nowrap; vertical-align: middle; }
.results th.num, .results td.num { text-align: right; font-variant-numeric: tabular-nums; }
.results td.pos { font-weight: 700; color: var(--ink); }
.results td.se { color: var(--muted); }
.results td.name { font-weight: 700; color: var(--ink); }
.results td.name a { color: var(--ink); text-decoration-color: rgba(31, 42, 36, .25); }
.results td.name a:hover { color: var(--red); }
.results .ctry { text-align: center; padding-left: 4px; padding-right: 4px; }
.results .flag { vertical-align: middle; }
.results th.total, .results th.round { text-align: center; }

/* A score cell: table points left, main points right (like the old results pages) */
.results th, .results td { padding: 8px 7px; }
.results td.score { font-variant-numeric: tabular-nums; }
.results td.score .tp { display: inline-block; min-width: 1.7em; font-weight: 700; }
.results td.score .mp { display: inline-block; min-width: 2.9em; text-align: right; font-size: 12px; font-style: italic; }
.results th.round, .results td.round, .results th.total, .results td.total { border-left: 1px solid var(--line); }
.results td.total { background: var(--green-100); }
.results td.total .tp { color: var(--green-700); }
.results td.total .mp { color: var(--ink); font-weight: 700; }
.results td.round .tp { color: var(--text); }
.table-hover.results tbody tr:hover > td.total { background: #d3e7d7; }

/* Podium */

/* Round by round */
.round-details { border: 1px solid var(--line); background: #fff; margin-bottom: 10px; }
.round-details > summary {
  cursor: pointer; padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; list-style: none;
}
.round-details > summary::-webkit-details-marker { display: none; }
.round-details > summary::before { content: "\25B8"; color: var(--red); width: 10px; transition: transform .15s; }
.round-details[open] > summary::before { transform: rotate(90deg); }
.round-details > summary:hover .round-title { color: var(--red); }
.round-details .round-title { font: 700 13px/1.4 Montserrat, Lato, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--green-700); }
.round-details > summary .muted { font-size: 14px; }
.round-details .table-responsive { padding: 0 16px 6px; }
.round-details .results-round { margin-bottom: 10px; }
.results-round td.name { font-weight: 400; }

@media (max-width: 767px) {
  .results { font-size: 13px; }
  .results th, .results td { padding: 6px 6px; }
  .round-details .table-responsive { padding: 0 6px 4px; }
  .round-details > summary { padding: 10px 12px; }
}
