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

@layer pages {
  /* A block: brought into view by its pager (application.js), the list starts at its own top, not at the tilted corner
     of its first card. */
  #station-records, #collection-records { display: block; }

  /* 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; }
}