/* Space and size. */
:root {
  --mp-container: 1232px;
  --mp-gutter: 24px;
  --mp-gap-stack: 20px;   /* between top-level cards */
  --mp-gap-grid: 16px;    /* fields, tiles */
  --mp-gap-slider: 20px;
  --mp-gap-tight: 12px;
  --mp-gap-xs: 6px;
  --mp-gap-nav: 6px;
  --mp-gap-work: 24px;

  --mp-pad-card: 22px;
  --mp-pad-card-tight: 18px 22px; /* @kind spacing */
  --mp-pad-inset: 14px 16px; /* @kind spacing */
  --mp-pad-tile: 16px 18px; /* @kind spacing */
  --mp-pad-btn: 18px;
  --mp-pad-chip: 5px 12px; /* @kind spacing */

  --mp-h-ctrl: 48px;
  --mp-h-ctrl-sm: 44px;   /* WCAG floor — never go below */
  --mp-h-ctrl-xs: 40px;
  --mp-h-crumb: 38px;
  --mp-h-rollup: 46px;
  --mp-h-input: 44px;
  --mp-h-slider: 26px;
  --mp-h-bar: 20px;
  --mp-h-chart: 220px;
  --mp-h-logo: 52px;

  --mp-min-field: 210px;
  --mp-min-tile: 240px;
  --mp-min-nav: 88px;     /* with 6px gap, fits 8 buttons on one row */
  --mp-min-card: 230px;
  --mp-min-work: 300px;
  --mp-min-gloss: 280px;
  --mp-min-legend: 120px;
  --mp-min-bar: 16px;

  --mp-ad-leaderboard: 90px;
  --mp-ad-footer: 250px;
  --mp-ad-anchor: 50px;
}