/* ============================================================
   SPACING — 8px base, telegraph-ticker rhythm.
   Micro-scale (2-10px) lives inside buttons/pills/labels;
   the editorial grid uses 16px+.
   ============================================================ */
:root {
  --space-1:  1px;
  --space-2:  2px;
  --space-4:  4px;
  --space-5:  5px;
  --space-6:  6px;
  --space-8:  8px;
  --space-9:  9px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-25: 25px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;

  /* --- Semantic --- */
  --gap-storystream:   14px;  /* between timeline items */
  --pad-card:          24px;  /* standard tile interior */
  --pad-card-feature:  40px;  /* feature tile interior */
  --pad-section:       64px;  /* vertical between feed sections */
  --container-max:     1300px;
  --container-pad:     48px;  /* desktop outer edge */
  --gutter:            24px;
}