/* The sports demo's pages: forms, tables, sentences and pills come from /ui.css (App page components). */
.sports-scroll { overflow-x: auto; }
.sports-unavailable { margin: 8px 16px; color: var(--text-muted); }
.sports-unavailable:empty { display: none; }
.sports-change { margin-left: 4px; color: var(--text-muted); font-size: 12px; }
.sports-team { white-space: nowrap; }
.sports-team .status-item { margin-left: 6px; }
.sports-legs { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.sports-leg { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sports-leg select:first-child { flex: 1 1 260px; min-width: 0; }
.sports-credit { margin: 16px; font-size: 12px; color: var(--text-muted); }
.panel-head { flex-wrap: wrap; row-gap: 4px; }
.panel-head h2 { white-space: nowrap; }