:root {
  /* ---- Layout ---- */
  --measure-content: 680px;     /* main column max-width */
  --measure-hero: 820px;        /* hero max-width */
  --measure-prose: 60ch;        /* paragraph max-width */
  --measure-prose-sm: 56ch;

  --pad-page-x: clamp(24px, 6vw, 80px);      /* horizontal page padding */
  --pad-frame: clamp(22px, 4.5vw, 40px);     /* fixed chrome (wordmark/toggle) top pad */

  /* ---- Vertical rhythm ---- */
  --gap-section: clamp(72px, 11vw, 140px);   /* between major sections */
  --gap-section-sm: clamp(64px, 10vw, 120px);
  --gap-section-lg: clamp(80px, 12vw, 150px); /* before contact */
  --gap-label: 40px;                          /* eyebrow → list content */
  --gap-label-sm: 26px;                       /* eyebrow → prose */

  /* ---- List rows ---- */
  --pad-row: 20px 0;                          /* help-item rows */
  --pad-row-lg: clamp(26px, 3.6vw, 38px) 0;   /* experience rows */
  --pad-row-sm: 14px 0;                       /* assessment report rows */
  --gap-steps: clamp(22px, 3vw, 30px);        /* numbered step stack */
}