/* Station page (/u/:username) and radios page: what the prototype's CSS (application.css, radio.css) lacks. */

/* The panels and the cart body of the deals open and close with the hidden attribute. */
[data-controller~="station-deals"] [hidden] { display: none; }

@layer pages {
  /* Pages of the records list. */
  .station-pager {
    display: flex;
    gap: 1rem;
    margin-top: 1.2rem;
    font: 600 0.78rem/1.4 var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .station-pager a[rel="next"] { margin-left: auto; }
}