/* Radio Commonwealth (/radio, /admin/radio): the broadcast as a programme
   sheet, a wide player, the transcript in the prose measure, the cues in
   small capitals. Uses the tokens of site.css; the poster head is site.css's own. */

.radio-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.radio-episode { border-top: 6px solid var(--ink); padding-top: 0.9rem; margin-top: 1rem; }
.radio-episode__date {
  margin: 0; font-size: 0.85rem; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-soft);
}
.radio-episode__title { margin: 0.3rem 0 1rem; max-width: 28ch; }
.radio-player { display: block; width: 100%; max-width: var(--measure); margin: 0 0 1.5rem; }

.radio-transcript { max-width: var(--measure); }
.radio-transcript h3 { font-size: 1rem; letter-spacing: 0.06em; text-transform: uppercase; border-top: 3px solid var(--civic); padding-top: 0.5rem; }
.radio-transcript h4 { margin: 1.25rem 0 0.25rem; font-size: 1rem; color: var(--civic-deep); }
.radio-transcript__cue { font-size: 0.85rem; font-variant: small-caps; letter-spacing: 0.05em; color: var(--ink-soft); }

.radio-list { padding-left: 1.25rem; }
.radio-list li { margin: 0.35rem 0; }
.radio-list__length { color: var(--ink-soft); }
.radio-credit { margin-top: 2.5rem; font-size: 0.85rem; color: var(--ink-soft); max-width: var(--measure); }

/* The desk: what is ready and what is missing */
.radio-checks { list-style: none; padding: 0; margin: 1rem 0 0; }
.radio-checks li { padding: 0.3rem 0 0.3rem 0.75rem; border-left: 4px solid var(--rule); margin: 0.25rem 0; }
.radio-checks .radio-check--ok { border-left-color: var(--civic); }
.radio-checks .radio-check--missing { border-left-color: var(--gold); }

/* A text-only broadcast, the transcript's parts, and the desk's warning after a credit check */
.radio-episode__note { max-width: var(--measure); padding: 0.5rem 0.75rem; border-left: 4px solid var(--gold); }
.radio-transcript .radio-transcript__part { margin-top: 1.75rem; font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink); }
.radio-warning { padding: 0.5rem 0.75rem; border-left: 4px solid var(--gold); }