/* Spacing, containers, grid. Observed drift (22/25/35/55/65px…) collapsed to one scale. Proposal, not an approved standard. */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:100px;
/* page gutter: 22px on phones, 3–4vw on desktop (both pages used 3vw / 4vw) */
--gutter:clamp(22px,3.5vw,64px); /* @kind spacing */
--gutter-mobile:22px;
/* section rhythm */
--section-pad:clamp(48px,6vw,100px);
--section-pad-tight:clamp(28px,3vw,48px);
/* column gaps */
--gap-grid:clamp(24px,4vw,64px);
--gap-inline:clamp(16px,2vw,32px);
/* containers */
--container-max:1700px;   /* pages go full-bleed; >1700 only increases padding */
--measure-lead:530px;     /* intro paragraph */
--measure-body:410px;     /* narrative paragraph */
--measure-note:310px;     /* section side note */
--measure-dialog:770px;
/* breakpoints (documented for JS / prose; CSS uses literal values) */
--bp-phone:520px;--bp-tablet:800px;--bp-laptop:1100px;--bp-wide:1700px;
/* masthead */
--masthead-height:96px;
--masthead-mark:44px;--masthead-mark-mobile:36px;--footer-mark:24px;
}