/* Small additions to the exact current public stylesheet. */
.cf-player-page *, .cf-player-page *::before, .cf-player-page *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
.cf-brand, .cf-brand > div { min-width: 0; }
.cf-brand strong { overflow-wrap: anywhere; }
.cf-return { flex-shrink: 0; }
.cf-player { width: 100%; }
.cf-player-controls { gap: 8px; }
.cf-player-controls button { width: 44px; height: 44px; }
.cf-player-controls input { min-width: 36px; height: 44px; margin: 0; }
.cf-player-controls span { min-width: 64px; text-align: center; }
.cf-player-controls button:disabled { opacity: .5; cursor: default; }
.cf-status { min-height: 20px; margin: 0 0 6px; font-size: 12px; color: #526469; }
.cf-error { padding: 12px 0; color: #84322f; }
.cf-error button { min-height: 44px; padding: 8px 16px; cursor: pointer; }
.cf-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.cf-actions a { overflow-wrap: anywhere; }
.cf-actions > .cf-return { text-decoration: underline; }
.cf-page-heading h1, .cf-disclosure { overflow-wrap: anywhere; }
.cf-transcript summary { min-height: 44px; padding-top: 8px; }
.cf-contact { border-radius: 4px; }
@media (max-width: 640px) {
  .cf-player { width: min(100%, calc((100dvh - 230px) * 9 / 16)); max-height: none; aspect-ratio: 9 / 16; }
  .cf-player-controls { gap: 2px; }
  .cf-player-controls span { min-width: 56px; }
  .cf-player-controls button { width: 44px; }
  .cf-brand strong { font-size: 17px; }
  .cf-header { padding-inline: 12px; gap: 8px; }
}