/* viewer-extra.css — piece layout tokens beyond viewer-chrome.css. Every number
   the canvas layout uses lives here (wpp-layout.js reads them with cssVarPx). */
:root {
  --cv-canvas-min-width: 320px;
  /* As tall as the sidebar beside it (888 px, measured 2026-10-01), so the frame
     leaves no blank under the plot. Re-measure if the sidebar's content changes. */
  --cv-canvas-height: 888px;
  /* Below this canvas width the key leaves the plot for the space above it. */
  --cv-canvas-compact-width: 600px;
  /* Stacked under the sidebar on a phone; beside it, see the media rule below. */
  --cv-canvas-compact-height: 600px;
  --cv-plot-pad: 18px;
  --cv-plot-title-h: 18px;
  /* A second header line, where a country's territory changed: what the
     earlier territory included, and until which edition. */
  --cv-plot-note-h: 14px;
  --cv-plot-top-gap: 14px;
  --cv-axis-left: 34px;
  --cv-axis-bottom: 30px;
  /* Room right of the plot for the 2.1 label beside its line. */
  --cv-ref-gutter: 26px;
  /* The key in the plot: edition stamp, then one row per line. The widest
     label ("Earlier editions' projections", 12.5 px Fira Sans) is 164 px. */
  --cv-key-width: 200px;
  --cv-key-stamp-h: 30px;
  --cv-key-gap: 16px;
  --cv-key-row-h: 21px;
  --cv-key-inset: 10px;
  --cv-key-margin: 10px;
  /* The key above a narrow plot. */
  --cv-compact-unit-row-h: 15px;
  --cv-compact-stamp-h: 26px;
  --cv-compact-row-h: 17px;
  --cv-compact-gap: 8px;
  --cv-grid-alpha: 0.18;
}
/* Beside the sidebar (wider than viewer-chrome.css's 768 px stack breakpoint) a
   compact canvas stands as tall as the sidebar too. */
@media (min-width: 769px) {
  :root {
    --cv-canvas-compact-height: 888px;
  }
}