/* prototype.css - the few rules the prototype adds to D-05's components (B-01). Tokens only. */

/* MapLibre draws into a box that fills the map region (.gb-canvas), which keeps the focus and the keys. */
.gbp-engine { position: absolute; inset: 0; }
.gbp-engine .maplibregl-canvas { outline: none; }

/* The scale bar's width follows the distance it shows; the script sets it. */
.gb-scale__bar { max-width: calc(var(--gb-space-12) * 3); }

/* The ?timing report (T-01), a test instrument below the text version. */
.gbp-timing__out { max-height: calc(var(--gb-space-12) * 8); overflow: auto; padding: var(--gb-space-3); border: var(--gb-border-width) solid var(--gb-colour-border-control);
  border-radius: var(--gb-radius-panel); background: var(--gb-colour-surface); white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--gb-text-caption-size); }

/* The first view (B-01 review, finding 3): Sources and credits and the text version hold about 870 of the page's
   1,430 elements, all below the first screen. Until they come near the screen the browser skips their layout and
   painting, which it otherwise does twice before the map's script starts (once for the first paint, again when the
   interface font arrives). They stay in the accessibility tree, in find-in-page and in the Tab order. */
#m-sources, #m-text { content-visibility: auto; contain-intrinsic-size: auto 1500px; }