@font-face { font-family: "Work Sans"; src: url("../fonts/work-sans.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("../fonts/montserrat.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
/* Preserve the original palette and spacing while keeping removed controls out of layout. */
header #mobile-navigation { display: none; }
header #hamburger-icon { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 0; }
header #hamburger-icon span { display: block; width: 35px; height: 3px; background-color: white; margin: 6px 0; transition: 0.4s; }
@media (max-width: 599px) { header #mobile-navigation { display: block; margin-right: 1rem; } }
#audioPlayer [hidden] { display: none !important; }
#audioPlayer .wave-form { cursor: pointer; }
/* The player must remain in the viewport even when a long page is swapped in. */
#audioPlayer.active { position: fixed; left: 0; bottom: 0; animation: none; }
@media (max-width: 740px) {
  body.player-active footer { padding-bottom: 240px; }
}
.video-info-text a { text-decoration: underline; text-underline-offset: 0.15em; }

/* The old playlist relied on a fourth play-count column. Keep its remaining
   controls together now that static play counts are intentionally removed. */
#playlist .playlist-group-item { justify-content: flex-start; gap: 16px; text-align: left; }
#playlist .playlist-group-item > .remix,
#playlist .playlist-group-item > .cover-art { flex: none; }
#playlist .playlist-group-item > .song-title { flex: 1; min-width: 0; }

@media (max-width: 599px) {
  #playlist .playlist-group-item { min-height: 72px; height: auto; padding: 10px 16px; gap: 12px; }
}