/* ContiNovo — Spacing & Layout Tokens
   8pt grid with a 4px half-step. Whitespace is a stance — generous, never
   cramped; carries the brand's "inner calm". */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  --container-max: 1160px;
  --gutter: 24px;
  /* Innenabstand aller Karten und Panels. Eine Stufe, damit nebeneinander
     stehende Karten nicht unterschiedlich tief eingerückt sind. */
  --card-pad: 26px;
  /* Kantenlänge der Icon-Kästen. Steht zusätzlich in den Grid-Spalten der
     Diagnose-Felder und der Timeline sowie in deren Verbindungslinie —
     hartkodiert liefe der Text schief, sobald jemand nur das Icon ändert. */
  --icon-box: 44px;
  --section-pad-y: 104px;        /* desktop */
  --section-pad-y-mobile: 60px;
}

@media (max-width: 768px) {
  :root {
    --section-pad-y: var(--section-pad-y-mobile);
  }
}