/* ═══════════════════════════════════════════════════════════════════════════════════════════════
   SUMMIT — the season-long page's own styles. Contract: docs/ia/summit.md.

   ⛔ ITS OWN FILE FOR THE REASON `ia/race.css` IS ONE: these rules belong to one surface, and
   `style.css` is where the shared chrome lives. Everything the page's BODY draws is already styled
   by `style.css`'s `.hub-*` family and by `.card`, which the card and the page share by construction
   — the two rules below are the only places a page differs from a card on someone else's screen.

   ⛔ EVERY SIZE IS RELATIVE AND EVERY COLOUR IS A TOKEN OR AN EXISTING LITERAL (#449 `5b`).
   ✎ "nothing here declares a font-size at all, so the type census is untouched by this file" was
   written on 2026-08-29 and was false on the same day: `.summit-note` below declares one, and `5g`
   part two's own account records the census moving 750 → 751 because of it. RETRACTED here.
   ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ✎ `.hub-body.hub-page` STOOD HERE AND IS GONE, 2026-09-03 (#449 phase 7 `7g` part one). It gave
   the page's single card back the top border and the radius `.hub-body` drops to sit under a hub
   head. The page draws no `.hub-body` at all now: its regions are separate `.card`s, which is the
   prototype's own composition, so the rule matched nothing and `tests/dead-css.test.js` is right
   about it. Nothing replaces it — `.card` already carries a border and a radius. */

/* ── The green family, kept ──────────────────────────────────────────────────────────────────────
   ⛔ THE SURFACE, NOT THE HORIZON, which is the mistake `5c` already made once and corrected here in
   `ia/shell.css`: Summit sits inside the race horizon beside Your races, Race week and Goal pace,
   and none of those is green. `data-ia-surface` is the shell's own attribute and was put there for
   exactly this.
   ⚠ THE GRADIENT IS `.hub-vert`'s, COPIED AS ONE VALUE rather than re-derived, so the page's header
   and the race-week card's head cannot drift to two different greens. */
.ia-header[data-ia-surface="summit"] {
  background: linear-gradient(135deg, var(--navy) 0%, #0f6e56 150%);
}
.ia-header[data-ia-surface="summit"] .ia-eyebrow { color: #7ee6bf; }

/* ── The three season-long regions (#449 `5g` part two) ──────────────────────────────────────────
   ⛔ THE METER, THE BAR AND THE CAPTION ARE THE PAGE'S EXISTING CLASSES, REUSED. `.ascent-meterhd`,
   `.ascent-bar` and `.hub-cap` already style exactly these shapes on this same screen, so the
   banked region declares no colour, no bar and no type of its own. What is below is only what the
   page had no component for: a note with no title, and a two-column row.
   ⚠ `.ascent-meterhd` is 12px, below the 12.5px floor `5b` set. It is one of the 414 declarations
   `5k` converts, and reusing it keeps this region inside that sweep rather than minting a parallel
   class that would have to be found and converted separately. */
.summit-note { font-size: .8125rem; color: var(--text); line-height: 1.55; }
/* ⛔ THE TWO-COLUMN ROW LEFT THIS FILE ON 2026-09-03 (#449 phase 7 `7f` part four). It is
   `.ia-factrow` in `ia/shell.css` now — the same three declarations, named for the shape rather than
   for this screen, because the fueling screen needed the identical row and a second copy is drift.
   ⚠ Its 13px went with it: the shared rule is on `--fs-meta`, which is the conversion `5k` owed
   this block and never reached. */

/* ── The lap plan chart (#449 phase 7 `7g` part two, conformance row 17) ───────────────────
   ⛔ THREE RULES AND NOTHING ELSE, because the card, the title and the rule sentence under it are
   already `.card`, `.hub-sec-t` and `.hub-cap` — the same components every other region here wears.
   ⚠ THE HEIGHT IS SET INLINE, PER BAR, and that is the one thing a stylesheet cannot hold: it is
   the engine's per-lap ascent minutes, so it is data rather than style.
   ⛔ THE FILL IS `--vert`, THE DECLARED TOKEN, not the `#0f6e56` the meter fill next to it uses:
   that darker green is the readable half of the family and is for a bar an athlete reads a
   percentage off, where these bars are marks. Both are named in `style.css`'s own note.
   ⚠ THE END LABELS ARE ON `--fs-caption`, which is 12.8px — the floor `5b` set, cleared by the
   token rather than by a literal (#449 `5k`).
   ⛔ THE BAR IS CAPPED AT 26px AND THAT IS NOT A TASTE JUDGEMENT. Lap counts on this spec run from
   8 (Whistler) to 13 (Stratton), and an uncapped `flex: 1` gives an eight-lap plan 90px-wide bars
   that render as a green wall rather than as a chart — measured at 440, not predicted. Capped and
   spread, eight laps read as bars and thirteen still fill the row. */
.lapplan-bars { display: flex; align-items: flex-end; justify-content: space-between; gap: 4px; height: 72px; margin-top: 12px; }
.lapplan-b { flex: 1 1 0; max-width: 26px; background: var(--vert); border-radius: 3px; }
.lapplan-ends { display: flex; justify-content: space-between; gap: 10px; font-size: var(--fs-caption); color: var(--muted); margin-top: 9px; }