/* ── Space and measure ───────────────────────────────────────────────────────
   4px ramp. Content is 1240px wide with fluid gutters; the ONE grid break on a
   page may widen to 1400px. Sibling groups are laid out with grid/flex and gap
   — never per-child margins, never whitespace between inline elements. */
:root {
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-7:28px; --s-8:32px; --s-10:40px; --s-12:48px;
  --s-14:56px; --s-16:64px; --s-20:80px; --s-24:96px;

  --page-max:1240px; /* @kind spacing */
  --page-max-break:1400px; /* @kind spacing */
  --gutter:clamp(20px,4vw,40px); /* @kind spacing */

  /* vertical band padding */
  --section-y:clamp(56px,7vw,96px); /* @kind spacing */
  --section-y-diagram:clamp(52px,7vw,88px); /* @kind spacing */
  --section-y-hero:clamp(56px,9vw,112px); /* @kind spacing */
  --block-gap:clamp(24px,4vw,56px); /* @kind spacing */
  --station-gap:clamp(40px,4.6vw,60px); /* @kind spacing */

  /* measures */
  --measure-lead:60ch; /* @kind spacing */
  --measure-body:54ch; /* @kind spacing */
  --measure-panel:46ch; /* @kind spacing */
  --measure-heading:20ch; /* @kind spacing */
  --measure-heading-tight:16ch; /* @kind spacing */

  /* controls */
  --control-h:34px; /* @kind spacing */
  --control-h-lg:44px; /* @kind spacing */
  --node-size:44px; /* @kind spacing */
  --tile-pad:22px; /* @kind spacing */

  /* the breakpoints the site computes against */
  --bp-sm:700px; --bp-md:860px; --bp-lg:900px; --bp-xl:1040px; /* @kind other */
}