/* Participant hub only; reuse publication tokens and utility primitives. */
html:has(.sports-page) { scroll-behavior: auto; }
.sports-page h1, .sports-page h2, .sports-page h3 { text-wrap: balance; }
.sports-page p { text-wrap: pretty; }
.sports-index { padding-block: 2rem; border-bottom: var(--rule); }
.sports-jumps { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.sports-jumps a, .sports-index li a, .sports-page .local-utility-actions a { display: inline-flex; align-items: center; min-height: 44px; }
.sports-index-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; margin-block: 1.5rem; }
.sports-index-grid ul { padding-left: 1.1rem; }
.sports-page .local-utility-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sports-page .local-utility-card { background: var(--paper-deep); }
.sports-page .local-utility-card .fact-list li { display: block; }
.sports-page .local-utility-card .fact-list a { display: inline; text-decoration: underline; }
.sports-page .local-utility-source-date { display: block; font-variant-numeric: tabular-nums; }
.sports-page :is(a,article,section):focus-visible { outline: 3px solid var(--blue-dark); outline-offset: 4px; }
.sports-page :is(article,section) { scroll-margin-top: 1rem; }
.sports-page .local-utility-card a { overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .sports-page .local-utility-grid, .sports-index-grid { grid-template-columns: 1fr; }
  .sports-index-grid { gap: .75rem; }
}

.sports-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 680px) {
  .sports-page .site-header nav { grid-template-columns: 1fr 2fr; }
  .sports-page .site-header nav > .button { word-break: normal; overflow-wrap: normal; }
}

.sports-page .local-utility-facts dd { font-size: 1rem; line-height: 1.5; font-weight: 500; }
@media (max-width: 700px) {
  .sports-page .local-utility-facts { grid-template-columns: 1fr; }
  .sports-page .local-utility-facts > div { padding-inline: 0; border-right: 0; }
  .sports-page .local-utility-facts > div + div { border-top: 1px solid var(--ink); }
}

.sports-page .sports-index, .sports-page .local-utility-list { padding-block: var(--section-space); }