/* Lineup page shell.
 *
 * The legacy 4-tab nav styling (.lineup-header, .lineup-tabs,
 * .lineup-tab) was removed with the redesign — every lineup screen now
 * uses the compact header in lineup_header.css. Only the outer page
 * wrapper rule remains here; the file is intentionally tiny so the
 * import ordering stays stable.
 */

@layer components {
  .lineup-page {
    padding-block-end: var(--block-space-l);

    /* Cap the content column at ~56rem centered on desktop so a 1280–
     * 1920 viewport doesn't leave a wide dead gutter on the right of
     * scannable text rows. The Gantt (timeline view) overrides this
     * below — it needs more horizontal room for 6+ stage columns. */
    max-inline-size: 56rem;
    margin-inline: auto;

    /* Timeline view widens past the list cap so stage columns don't
     * truncate block titles. Uses :has() to target only pages that
     * render the Gantt. The cap self-gates: viewports under the cap
     * already get full width, so this only changes 1150 px+ screens. */
    &:has(.gantt) {
      max-inline-size: 88rem;
    }
  }
}