/* assets/research-vanna-overrides.css — Vanna-only deltas on top of
   `assets/research-greek.css`.

   Phase 7 / RP-8 (2026-05-03) per
   docs/superpowers/plans/2026-05-03-research-js-refactor.md.

   The pre-extraction `assets/research-delta.css` and
   `assets/research-vanna.css` were 99% identical. The only meaningful
   visual divergence was the page-wide `zoom` factor: Delta uses the
   13"-screen-friendly `1.06` (with a matching `--nav-zoom` of `.9434`
   so the nav stays the same physical size), and Vanna uses the larger
   `1.18` font/legibility bump (with `--nav-zoom: .8475` to keep the
   nav row visually unchanged). The `.chart-area` `max-height` formula
   compensates for `zoom` so the chart still fits inside the viewport
   minus the nav row.

   Loading order in `research/vanna.html` MUST be:
     1. `/assets/research-greek.css`           (shared baseline)
     2. `/assets/research-vanna-overrides.css` (this file)
   so these rules win the cascade by source order. */

body {
    --nav-zoom: .8475;
    zoom: 1.18; /* global font bump (+~2px across all sizes) */
}

.chart-area {
    max-height: calc(100vh / 1.18 - 56px);
}