/* ---------- Spacing, radii, layout ---------- */
:root{
  --nm-s-1: 4px;
  --nm-s-2: 8px;
  --nm-s-3: 12px;
  --nm-s-4: 16px;
  --nm-s-5: 24px;
  --nm-s-6: 32px;
  --nm-s-7: 44px;
  --nm-s-8: 56px;
  --nm-s-9: 78px;   /* vertical section rhythm on the website */

  --nm-r-sm: 8px;    /* inputs, city links */
  --nm-r-md: 14px;   /* cards, tiles */
  --nm-r-lg: 22px;   /* quote card, CTA panel */
  --nm-r-pill: 999px;/* buttons, pills */
  --nm-r-icon: 11px; /* 42px tile icon */

  --nm-max-w: 1080px;   /* prose + specimen width */
  --nm-max-w-site: 1140px; /* marketing site wrapper */
  --nm-gutter: 24px;
  --nm-measure: 64ch;   /* lede max width */
  --nm-section-y: 78px;
}