/* Live sport (templates/sports/live.html): the Night head's place form and
   sport chips, rows of landscape cards (style.css's .card--wide), and the
   lists under them. Cards keep one height whatever their words (CLS 0). */
.sl-of { font-weight: 600; }
.sl-where { max-width: 70ch; margin: 0 0 0.75rem; color: var(--text-muted); font-size: var(--step--1); }
.sl-where a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 0.15em; }
.sl-place { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin: 0 0 0.9rem; }
.sl-place label { font-weight: 600; }
.sl-place select { min-height: 2.75rem; max-width: 100%; padding: 0 0.75rem; border-radius: var(--field-radius, var(--radius)); border: 1px solid var(--hairline); background: var(--bg-raised); color: var(--text); font: inherit; }
.sl-place .btn { min-height: 2.75rem; }
.sl-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; list-style: none; margin: 0 0 0.5rem; padding: 0; }
.sl-chips .count { color: var(--text-dim); font-variant-numeric: tabular-nums; }
.sl-count { color: var(--text-dim); font-variant-numeric: tabular-nums; font-size: var(--step--1); }
.sl-card .card-body { min-height: 7.25rem; }
.sl-card .card-meta--two { min-height: calc(2 * 1.35em); line-height: 1.35; }
.sl-card .sl-source { color: var(--text-muted); }
/* A broadcast's title and picture are its rights holder's, as YouTube gives
   them: "video metadata such as thumbnail and title must be visible to the
   viewer and unmodified" (YouTube's Developer Policies Guide). So its title
   wraps, whole, and its picture is shown whole, never zoomed (.rf-card's
   rules, rights_cards.html). */
.sl-card--broadcast .card-title { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.sl-card--broadcast .card-img { object-fit: contain; background: var(--media-bg); }
.sl-card.sl-card--broadcast:hover .card-img,
.sl-card.sl-card--broadcast:focus-visible .card-img { transform: none; }
.sl-card .ident { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.125rem; line-height: 1.1; }
.sl-held { max-width: 70ch; padding-left: 1.2rem; line-height: 1.55; color: var(--text); }
.sl-held li { margin: 0.25rem 0; }
.sl-credit { margin-bottom: 2rem; }
.sl-credit a, #own-services a, #competitions a, #not-here a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 0.15em; }