.public-results-page {
  min-height: 100svh;
  overflow-x: clip;
  background: #060606;
}

.public-results-page::before {
  background: linear-gradient(140deg, rgba(248, 201, 0, .1), transparent 45%);
  clip-path: none;
}

.public-results-page::after {
  opacity: .3;
}

.results-topbar .results-nav-button {
  display: inline-flex !important;
}

.results-main {
  position: relative;
  z-index: 2;
}

.results-hero {
  border-bottom: 1px solid rgba(248, 201, 0, .28);
  background: linear-gradient(125deg, rgba(248, 201, 0, .15), rgba(156, 53, 0, .07) 55%, transparent), #080808;
  padding: clamp(42px, 7vw, 88px) 28px;
}

.results-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .45fr);
  align-items: end;
  gap: clamp(32px, 7vw, 90px);
}

.results-hero .kicker {
  margin-bottom: 12px;
}

.results-hero h1 {
  max-width: none;
  font-size: clamp(4rem, 10vw, 9rem);
}

.results-event-name {
  margin: 20px 0 0;
  color: var(--yellow);
  font-size: clamp(1.05rem, 2vw, 1.45rem);
  font-weight: 900;
  text-transform: uppercase;
}

.results-intro {
  max-width: 700px;
  margin: 10px 0 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.55;
}

.results-publication-summary {
  border: 1px solid rgba(248, 201, 0, .3);
  background: rgba(0, 0, 0, .38);
  padding: 20px;
}

.results-publication-summary span,
.results-publication-summary strong {
  display: block;
}

.results-public-status {
  width: max-content;
  border: 1px solid rgba(255, 255, 255, .2);
  color: #fff;
  padding: 5px 8px;
  font-size: .67rem;
  font-weight: 900;
  text-transform: uppercase;
}

.results-public-status.preliminary {
  border-color: #ffb020;
  color: #ffca66;
}

.results-public-status.official {
  border-color: #33cc85;
  color: #79e4ae;
}

.results-publication-summary strong {
  margin-top: 13px;
  color: #fff;
  font-size: 1.15rem;
  text-transform: uppercase;
}

.results-publication-summary p {
  min-height: 1.3em;
  margin: 7px 0 0;
  color: var(--muted);
  font-size: .77rem;
  font-weight: 700;
}

.results-content-section {
  min-height: 55svh;
  background: #080808;
  padding: clamp(24px, 5vw, 54px) 28px 75px;
}

.results-public-controls {
  position: relative;
  z-index: 4;
  top: 0;
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr);
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(12, 12, 12, .96);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .3);
  padding: 16px;
  backdrop-filter: blur(14px);
}

.results-distance-tabs,
.results-view-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.results-distance-tabs button,
.results-view-tabs button {
  min-height: 44px;
  border: 1px solid rgba(248, 201, 0, .3);
  background: transparent;
  color: #fff;
  padding: 8px 15px;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.results-distance-tabs button.active,
.results-view-tabs button.active {
  background: var(--yellow);
  color: #050505;
}

.results-public-search {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: .66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.results-public-search input {
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 0;
  outline: 0;
  background: #181818;
  color: #fff;
  padding: 9px 12px;
}

.results-public-search input:focus {
  border-color: var(--yellow);
  box-shadow: 0 0 0 2px rgba(248, 201, 0, .15);
}

.results-view-tabs {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding-top: 13px;
}

.results-rule-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  border-left: 3px solid var(--yellow);
  background: rgba(248, 201, 0, .06);
  color: var(--muted);
  padding: 12px 15px;
  font-size: .76rem;
  line-height: 1.45;
}

.results-rule-note strong {
  flex: 0 0 auto;
  color: #fff;
  text-transform: uppercase;
}

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

.results-view-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 3px solid var(--yellow);
  padding: 20px 2px 13px;
}

.results-view-heading span {
  display: block;
  margin-bottom: 6px;
  color: var(--yellow);
  font-size: .68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.results-view-heading h2 {
  margin: 0;
  color: #fff;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", system-ui, sans-serif;
  font-size: clamp(2.4rem, 6vw, 5rem);
  font-weight: 400;
  line-height: .9;
  text-transform: uppercase;
}

.results-view-heading strong {
  color: var(--muted);
  font-size: .72rem;
  text-transform: uppercase;
}

.results-table-container {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  background: #111;
}

.public-results-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.public-results-table th {
  background: #080808;
  color: var(--yellow);
  padding: 12px;
  font-size: .67rem;
  text-align: left;
  text-transform: uppercase;
}

.public-results-table td {
  border-top: 1px solid rgba(255, 255, 255, .09);
  color: #fff;
  padding: 13px 12px;
  font-size: .78rem;
  font-weight: 800;
}

.public-results-table th,
.public-results-table td {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  text-shadow: none;
}

.public-results-table tr.podium {
  background: rgba(248, 201, 0, .075);
}

.result-position-column {
  width: 64px;
}

.result-bib-column {
  width: 76px;
}

.result-gender-column {
  width: 120px;
}

.result-category-column {
  width: 150px;
}

.result-time-column {
  width: 148px;
}

.result-position {
  color: var(--yellow) !important;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", system-ui, sans-serif;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
}

.result-name strong,
.result-name small {
  display: block;
}

.result-name strong {
  color: #fff;
  font-size: .875rem;
  overflow-wrap: break-word;
}

.result-name small {
  margin-top: 4px;
  color: var(--muted);
  font-size: .66rem;
}

.result-time {
  color: var(--yellow) !important;
  font-variant-numeric: tabular-nums;
  font-size: .9rem !important;
  white-space: nowrap;
}

.results-gender-grid,
.results-category-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.results-ranking-card,
.results-category-group {
  min-width: 0;
  align-self: start;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  background: #111;
}

.results-gender-grid .public-results-table th,
.results-gender-grid .public-results-table td,
.results-category-grid .public-results-table th,
.results-category-grid .public-results-table td {
  padding-inline: 9px;
}

.results-ranking-card > header,
.results-category-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #161616;
  padding: 14px 16px;
}

.results-ranking-card h3,
.results-category-group h3 {
  margin: 0;
  color: #fff;
  font-size: .82rem;
  text-transform: uppercase;
}

.results-ranking-card header span,
.results-category-group summary span {
  color: var(--yellow);
  font-size: .68rem;
  font-weight: 900;
}

.results-category-group > summary {
  cursor: pointer;
  list-style: none;
  border-bottom: 2px solid var(--yellow);
}

.results-category-group > summary::-webkit-details-marker {
  display: none;
}

.results-nonfinishers {
  margin-top: 8px;
  border: 1px solid rgba(255, 255, 255, .13);
  background: #111;
  padding: 16px;
}

.results-nonfinishers h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: .82rem;
  text-transform: uppercase;
}

.results-occurrence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.results-occurrence-grid section {
  border: 1px solid rgba(255, 255, 255, .1);
  padding: 12px;
}

.results-occurrence-grid strong {
  color: var(--yellow);
  font-size: .7rem;
}

.results-occurrence-grid ul {
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

.results-occurrence-grid li {
  border-top: 1px solid rgba(255, 255, 255, .08);
  color: #fff;
  padding: 7px 0;
  font-size: .72rem;
  font-weight: 800;
}

.results-public-state {
  display: grid;
  justify-items: center;
  gap: 11px;
  border: 1px dashed rgba(255, 255, 255, .2);
  color: var(--muted);
  padding: 55px 20px;
  text-align: center;
}

.results-public-state strong {
  color: #fff;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.results-public-state p {
  margin: 0;
}

.results-public-state.error {
  border-color: rgba(255, 107, 107, .5);
  color: #ffb4b4;
}

@media (max-width: 900px) {
  .results-hero-grid {
    grid-template-columns: 1fr;
  }

  .results-public-controls {
    position: relative;
    grid-template-columns: 1fr;
  }

  .results-view-tabs {
    grid-column: auto;
  }

  .results-gender-grid,
  .results-category-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .results-topbar .site-actions {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .results-topbar .site-logo-link,
  .results-topbar .site-logo {
    width: 135px;
  }

  .results-topbar .results-nav-button {
    width: 100%;
    min-height: 35px;
    padding-inline: 7px;
    font-size: .62rem;
  }

  .results-hero,
  .results-content-section {
    padding-inline: 14px;
  }

  .results-hero {
    padding-block: 36px;
  }

  .results-hero h1 {
    max-width: 100%;
    font-size: clamp(3.2rem, 15vw, 4rem);
  }

  .results-content-section {
    padding-top: 18px;
  }

  .results-public-controls {
    padding: 11px;
  }

  .results-distance-tabs,
  .results-view-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .results-distance-tabs button,
  .results-view-tabs button {
    padding-inline: 8px;
    font-size: .66rem;
  }

  .results-rule-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .results-view-heading {
    align-items: flex-start;
    flex-direction: column;
  }

}

.result-mobile-label { display:none; }
.results-gender-jumps { display:flex; flex-wrap:wrap; gap:10px; }
.results-gender-jumps a { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:10px 16px; border:1px solid #ffffff30; color:#fff; font-size:.73rem; font-weight:700; text-decoration:none; }
.results-gender-jumps a span { color:var(--yellow); }
.results-gender-jumps a:hover,.results-gender-jumps a:focus-visible { border-color:var(--yellow); background:#f8c90010; }
.results-ranking-card { scroll-margin-top:16px; }
.public-results-table .result-pace-column { width:100px; }
.public-results-table .result-speed-column { width:104px; }
.public-results-table th { white-space:nowrap; font-weight:700; }
.public-results-table td { vertical-align:middle; line-height:1.45; }
.public-results-table .result-position { white-space:nowrap; overflow-wrap:normal; }
.public-results-table .result-name { padding-block:18px; }
.result-name small { font-size:.62rem; letter-spacing:.04em; color:#c5c5bd; }
.result-pace,.result-speed { white-space:nowrap; font-variant-numeric:tabular-nums; }
.result-pace small,.result-speed small { display:block; font-size:.66rem; font-weight:400; color:#b7b7ae; }
.results-ranking-card>.results-table-container,.results-category-group>.results-table-container { border:0; }
.results-ranking-card>header { border-bottom:2px solid var(--yellow); padding:18px 20px; }
.results-ranking-card h3 { font-size:1rem; }
.results-ranking-card>header span { white-space:nowrap; }
.results-gender-grid,.results-category-grid { gap:24px; }
.results-category-group summary { min-height:60px; }
.results-category-group summary::after { content:'+'; font-size:1.2rem; color:var(--yellow); }
.results-category-group[open] summary::after { content:'−'; }
.results-category-group summary span { margin-left:auto; white-space:nowrap; }
.results-public-controls button:focus-visible,.results-category-group summary:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.results-public-search input { min-width:0; width:100%; font-size:1rem; }
.results-public-controls,.results-public-search,.results-ranking-card,.results-category-group { min-width:0; }
.results-occurrence-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }

@media (max-width:900px) {
  .results-table-container { border:0; background:transparent; }
  .public-results-table { display:block; width:100%; }
  .public-results-table tbody { display:grid; gap:18px; width:100%; padding:14px 10px; background:#080808; }
  .public-results-table thead,.public-results-table colgroup { display:none; }
  .public-results-table tr {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px;
    position:relative; padding:20px 16px; margin:0; border:1px solid #ffffff30; border-radius:8px;
    background:#171717; box-shadow:0 4px 12px #0004;
  }
  .public-results-table tr.podium { background:#211f12; border-color:#f8c90055; border-left:3px solid var(--yellow); }
  .public-results-table td {
    display:block; width:auto; min-width:0; border:0; padding:0 !important;
    font-family:Arial,sans-serif; font-weight:600; font-size:.875rem;
  }
  .public-results-table .result-position {
    position:absolute; left:16px; top:22px; width:48px;
    font-family:Arial,sans-serif; font-size:1.5rem !important; font-weight:800 !important;
    white-space:nowrap; line-height:1; text-align:left;
  }
  .public-results-table .result-bib,.public-results-table .result-name,
  .public-results-table .result-category,.public-results-table .result-gender {
    grid-column:1/-1; margin-left:54px; margin-bottom:5px; color:#c7c7c1; line-height:1.5;
  }
  .public-results-table .result-bib { font-size:.72rem; }
  .public-results-table .result-name strong { font-size:.9rem; line-height:1.5; overflow-wrap:break-word; }
  .public-results-table .result-name small { font-size:.61rem; margin-top:3px; }
  .public-results-table .result-category { font-size:.75rem; }
  .public-results-table .result-time {
    grid-column:1/-1; border-top:1px solid #ffffff24; margin-top:10px;
    padding-top:12px !important; font-size:1.12rem !important; margin-bottom:12px;
  }
  .public-results-table .result-pace,.public-results-table .result-speed { font-size:.94rem; }
  .public-results-table .result-mobile-label {
    display:block; color:#bdbdb5; text-transform:uppercase; font-size:.59rem;
    font-weight:600; letter-spacing:.07em; margin-bottom:4px;
  }
  .public-results-table .result-bib .result-mobile-label { display:inline; font-size:inherit; }
  .result-pace small,.result-speed small { display:inline; font-size:.69rem; }
}

@media (max-width:620px) {
  .results-distance-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .results-view-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .results-view-heading { gap:10px; }
  .results-view-heading h2 { font-size:2.7rem; }
  .results-ranking-card>header,.results-category-group>summary { padding:15px; }
  .results-ranking-card h3 { font-size:.86rem; }
  .results-publication-summary strong { font-size:1rem; line-height:1.4; }
  .results-hero-grid { gap:24px; }
}

.results-open-note{padding:16px;border:1px solid #8d7b3b;border-radius:10px;background:#24281c;color:#f3efd7;line-height:1.6;margin:0 0 20px}.results-view-tabs{flex-wrap:wrap}