:root{
  --space-0:0;--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:104px;

  --gutter:20px;              /* mobile page gutter */
  --gutter-lg:40px;           /* desktop page gutter */
  --measure-max:1200px;       /* content container */
  --measure-narrow:720px;     /* article / guide reading column */
  --section-y:var(--space-11);/* vertical rhythm between page sections */
  --stack-tight:var(--space-2);--stack:var(--space-4);--stack-loose:var(--space-6);
  --control-h-sm:34px;--control-h:44px;--control-h-lg:54px; /* 44px = min touch target */
}