@layer pages {
  /* ---- Rookie Watch insert sheet ---- */
  .insert-sheet {
    margin-top: var(--space-8);
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border-radius: 22px;
    background:
      repeating-linear-gradient(135deg, rgb(245 200 75 / 0.05) 0 2px, transparent 2px 18px),
      radial-gradient(900px 300px at 50% 0%, rgb(245 200 75 / 0.16), transparent 70%),
      #0a0d16;
    border: 1px solid rgb(245 200 75 / 0.35);
    box-shadow: inset 0 1px 0 rgb(255 241 181 / 0.35), 0 30px 60px rgb(0 0 0 / 0.4);
  }

  .insert-sheet--page { margin-top: 0; }
  .insert-sheet__header { text-align: center; margin-bottom: var(--space-6); }
  .insert-sheet__set { font: 700 0.75rem/1 var(--font-label); letter-spacing: 0.3em; text-transform: uppercase; color: rgb(255 241 181 / 0.75); }
  .insert-sheet__title {
    font: 400 clamp(3rem, 8vw, 5.5rem)/1.1 var(--font-script);
    font-style: normal;
    background: linear-gradient(100deg, #8a5a12, #ffe68a 30%, #c58b1c 50%, #fff1b5 65%, #a8741a);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 3px 0 rgb(0 0 0 / 0.6));
    transform: rotate(-3deg);
    padding-inline: 0.2em;
  }
  .insert-sheet__subtitle { font-size: 1.5rem; text-transform: uppercase; margin: var(--space-7) 0 var(--space-4); color: #ffe68a; }
  .insert-sheet__note { color: #b9b3a0; margin-top: var(--space-2); }
  .card-grid--insert { grid-template-columns: repeat(auto-fill, minmax(min(200px, 42vw), 1fr)); }
  .insert-sheet > .button { display: flex; width: max-content; margin-inline: auto; }

  /* ---- Teams ---- */
  .division-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr)); gap: var(--space-5); }
  .division { padding: var(--space-4); border-radius: 16px; background: var(--surface); border: 1px solid var(--line); }
  .division__title { font-size: 1.2rem; text-transform: uppercase; margin-bottom: var(--space-3); color: var(--ink-muted); }
  .team-list { display: grid; gap: 0.3rem; }
  .team-row {
    display: grid;
    grid-template-columns: 1.5rem 2.4rem 1fr auto auto;
    align-items: center;
    gap: var(--space-3);
    padding: 0.45rem 0.7rem;
    border-radius: 10px;
    color: var(--ink);
    text-decoration: none;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    background: linear-gradient(90deg, color-mix(in srgb, var(--team-primary) 45%, transparent), transparent 60%);
    border-left: 3px solid var(--team-accent);
  }
  .team-row:hover { background: linear-gradient(90deg, color-mix(in srgb, var(--team-primary) 75%, transparent), transparent 80%); }
  .team-row__rank { color: var(--ink-muted); font-family: var(--label-font); font-size: 0.8rem; }
  .team-row__logo { width: 2.4rem; height: 2.4rem; }
  .team-row__record { color: var(--ink-muted); }
  .team-row__points { font: 800 0.95rem/1 var(--label-font); min-width: 4.5rem; text-align: right; }

  .team-banner {
    display: flex;
    align-items: center;
    gap: var(--space-5);
    padding: clamp(1.25rem, 3vw, 2.5rem);
    border-radius: 22px;
    background:
      repeating-linear-gradient(108deg, transparent 0 22px, color-mix(in srgb, var(--team-secondary) 14%, transparent) 22px 24px),
      linear-gradient(120deg, var(--team-primary), color-mix(in srgb, var(--team-primary) 55%, #000));
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--team-accent) 60%, transparent), 0 30px 60px rgb(0 0 0 / 0.4);
    color: #fff;
    flex-wrap: wrap;
  }
  .team-banner .display-title { background: none; color: #fff; }
  .team-banner .eyebrow { color: var(--team-accent); }
  .team-banner__logo { width: clamp(6rem, 14vw, 10rem); filter: drop-shadow(0 8px 16px rgb(0 0 0 / 0.5)); }
  .team-banner__stats { display: flex; flex-wrap: wrap; gap: var(--space-5); margin-top: var(--space-4); }
  .team-banner__stats dt { font: 700 0.68rem/1.2 var(--font-label); letter-spacing: 0.14em; text-transform: uppercase; opacity: 0.75; }
  .team-banner__stats dd { font: 900 1.6rem/1.1 var(--font-label); }

  /* ---- Scores ---- */
  .date-nav { display: flex; gap: var(--space-2); }
  .date-nav .button { margin-top: 0; }
  .game-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr)); gap: var(--space-4); }
  .game-card { padding: var(--space-4); border-radius: 16px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: var(--space-3); }
  .game-card__score { display: grid; gap: 0.4rem; color: var(--ink); text-decoration: none; }
  .game-card__team { display: grid; grid-template-columns: 2.4rem 1fr auto; align-items: center; gap: var(--space-3); color: var(--ink-muted); font-weight: 600; font-size: 1.15rem; }
  .game-card__team.is-winner { color: var(--ink); font-weight: 800; }
  .game-card__logo { width: 2.4rem; height: 2.4rem; }
  .game-card__goals { font: 900 1.6rem/1 var(--font-label); }
  .game-card__status { font: 700 0.72rem/1 var(--font-label); letter-spacing: 0.14em; text-transform: uppercase; color: var(--neon); }
  .stars { display: grid; gap: 0.3rem; border-top: 1px solid var(--line); padding-top: var(--space-3); }
  .stars__item { display: grid; grid-template-columns: 7rem 1fr; gap: 0 var(--space-2); }
  .stars__rank { grid-row: span 2; font: 700 0.68rem/1.6 var(--font-label); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); }
  .stars__line { color: var(--ink-muted); font-size: 0.95rem; }
  .game-title { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: baseline; }
  .game-title__at { font-size: 0.5em; color: var(--ink-muted); }
  .goalie-lines { display: grid; gap: 0.3rem; margin-top: var(--space-3); color: var(--ink-muted); }

  /* ---- Leaders ---- */
  .leader-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: var(--space-5); }
  .leader-board { padding: var(--space-4); border-radius: 18px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: var(--space-3); align-content: start; }
  .leader-board__title { font-size: 1.4rem; text-transform: uppercase; }
  .leader-board__note { color: var(--ink-muted); font-size: 0.9rem; margin-top: -0.5rem; }
  .leader-board__card { width: min(13rem, 70%); margin-inline: auto; }
  .leader-board__list { display: grid; gap: 0.3rem; counter-reset: leader 1; }
  .leader-board__list li { display: grid; grid-template-columns: 1.6rem 1fr auto auto; gap: var(--space-2); align-items: baseline; counter-increment: leader; }
  .leader-board__list li::before { content: counter(leader); font: 700 0.8rem/1 var(--font-label); color: var(--ink-muted); }
  .leader-board__team { color: var(--ink-muted); font-size: 0.85rem; }
  .leader-board__value { font: 800 1rem/1 var(--font-label); min-width: 3.5rem; text-align: right; }

  [data-edition="vintage"] :is(.division, .game-card, .leader-board) { background: var(--noise-light), #f3e8cf; border-radius: 4px; border: 3px double rgb(70 45 20 / 0.45); }

  /* ---- The season archive: one tile per series ---- */
  .series-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: var(--space-4); }
  .series { position: relative; display: grid; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
  .series__link { display: grid; gap: 0.2rem; padding: var(--space-4) var(--space-4) var(--space-3); text-decoration: none; color: var(--ink); }
  .series__link:hover { background: var(--surface-raised); }
  .series__season { font: italic 900 2.2rem/1 var(--font-display); }
  .series__count { font-weight: 700; color: var(--ink-muted); }
  .series__stock { font: 700 0.7rem/1.4 var(--label-font); letter-spacing: 0.14em; text-transform: uppercase; color: var(--neon); }
  .series__leaders { padding: var(--space-2) var(--space-4); border-top: 1px solid var(--line); font: 700 0.75rem/1.4 var(--label-font); letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
  .series--vintage { background: var(--noise-light), linear-gradient(170deg, #f8efd8, #efe2c4); border-color: rgb(110 80 40 / 0.4); }
  .series--vintage :is(.series__link, .series__season) { color: #2c2017; font-family: var(--font-slab); font-style: normal; }
  .series--vintage .series__link:hover { background: rgb(255 255 255 / 0.35); }
  .series--vintage .series__count { color: #6f5b46; }
  .series--vintage .series__stock, .series--vintage .series__leaders { color: #9b2a22; border-color: rgb(110 80 40 / 0.3); }
}