/* ============================================================
   SPACING & LAYOUT
   The layout is a bordered "broadsheet" frame with hard rules
   dividing every section. Spacing is generous and print-like.
   ============================================================ */

:root {
  /* --- spacing scale --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 26px;
  --space-7: 34px;
  --space-8: 46px;

  /* --- frame & gutters --- */
  --frame-max: 1240px;               /* max broadsheet width */
  --frame-border: 3px;               /* left/right heavy border of the frame */
  --pad-inline: clamp(16px, 3.5vw, 46px); /* section horizontal padding */

  /* --- rules (dividers) --- */
  --rule-heavy: 3px;    /* section dividers */
  --rule-hair: 1.5px;   /* sub-dividers, card links */
}