/* Shared "Show N more" button + "Show past results (N)" disclosure for the sports blocks
   (templatetags/sports_ux.py). Neutral base on --sx-* tokens; theme skins re-token them
   (malaysia-tiger: _tiger-pt-sports.scss). Tap targets >= 44px. */
.sx-more, .sx-past > summary {
  --sx-ink: #1b2430; --sx-surface: #fff; --sx-border: #c9d1db; --sx-accent: #1f5fbf; --sx-hover: #f3f5f8;
  display: flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box;
  width: 100%; min-height: 44px; margin: 8px 0 0; padding: 8px 16px;
  border: 1px solid var(--sx-border); border-radius: 10px; background: var(--sx-surface); color: var(--sx-ink);
  font: inherit; font-weight: 700; line-height: 1.25; text-align: center; cursor: pointer;
}
.sx-more[hidden] { display: none !important; }
.sx-more:hover, .sx-past > summary:hover { background: var(--sx-hover); }
.sx-more:focus-visible, .sx-past > summary:focus-visible { outline: 3px solid var(--sx-accent); outline-offset: 2px; }
.sx-past { margin: 8px 0 0; }
.sx-past > summary { list-style: none; }
.sx-past > summary::-webkit-details-marker { display: none; }
.sx-past > summary::after {
  content: ""; width: 8px; height: 8px; margin-left: 2px; border: solid currentColor;
  border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); transition: transform .15s;
}
.sx-past[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.sx-past__hide, .sx-past[open] .sx-past__show { display: none; }
.sx-past[open] .sx-past__hide { display: inline; }
.sx-past[open] > summary { margin-bottom: 8px; }
.sx-live {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
[data-sx-more] > [hidden] { display: none !important; }