/* Shared Lora loading for every public, member, and story page. */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("./fonts/lora/lora-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("./fonts/lora/lora-latin-wght-italic.woff2") format("woff2");
}
:root {
  --font-display: "Lora", Georgia, serif;
  --font-body: "Lora", Georgia, serif;
}
/* The legacy header has three controls and needs room for Lora's wider text. */
@media (max-width: 600px) {
  .player-header__inner { flex-wrap: wrap; padding: 12px 20px; }
  .player-brand { flex-basis: 100%; }
  .player-header__controls {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
  }
}