/* ============================================================
   02 — układ: kolumna, rytm sekcji, linie rozdzielające
   ============================================================ */

.container {
  width: 100%;
  max-width: var(--ai-col);
  margin-inline: auto;
  padding-inline: var(--ai-pad);
}

/* Lista sekcji strony modularnej. Każdy moduł ma własną klasę korzenia —
   tu ustawiamy im wspólny rytm pionowy, żeby odstępy nie rozjeżdżały się
   przy dodaniu nowej sekcji w panelu. */
.ai-sekcja,
.ai-role,
.ai-zasady,
.ai-obszary,
.ai-lista-negatywna,
.ai-agenda,
.ai-prelegenci,
.ai-materialy,
.ai-miejsce,
.ai-cennik {
  padding-block: 0 var(--ai-s7);
}

/* Linia rozdzielająca sekcje. Rysujemy ją pseudoelementem zamiast <hr>,
   żeby redaktor nie musiał niczego wstawiać między modułami. Szerokość
   równa kolumnie treści, więc linia kończy się tam, gdzie tekst. */
.ai-sekcja::before,
.ai-role::before,
.ai-zasady::before,
.ai-obszary::before,
.ai-lista-negatywna::before,
.ai-agenda::before,
.ai-prelegenci::before,
.ai-materialy::before,
.ai-miejsce::before,
.ai-cennik::before {
  content: "";
  display: block;
  height: 1px;
  background: var(--ai-line);
  width: calc(min(100%, var(--ai-col)) - 2 * var(--ai-pad));
  margin: 0 auto var(--ai-s7);
}

/* Dni agendy to ciąg dalszy sekcji „Agenda", nie osobne sekcje — bez linii.
   Odstępy dajemy marginesami, bo Grav wstawia między moduły pusty
   znacznik kotwicy i selektor sąsiedztwa by go nie przeskoczył. */
.ai-agenda { padding-bottom: 0; }
.ai-dzien {
  padding-block: 0;
  margin-block: var(--ai-s6) var(--ai-s7);
}

/* Nagłówek sekcji: eyebrow + tytuł + ewentualny lead */
.ai-eyebrow {
  margin: 0 0 var(--ai-s3);
  font-family: var(--ai-font-body);
  font-size: var(--ai-size-label);
  font-weight: 600;
  letter-spacing: var(--ai-ls-label);
  text-transform: uppercase;
  color: var(--ai-rose);          /* magenta nie przechodzi kontrastu w tym rozmiarze */
}

.ai-lead,
.ai-role__lead,
.ai-prelegenci__lead {
  margin-top: var(--ai-s5);
  font-size: var(--ai-size-lead);
  line-height: 1.6;
  max-width: var(--ai-miara);
}

/* Odstęp między tytułem sekcji a jej zawartością */
.ai-role__lista,
.ai-zasady__lista,
.ai-obszary__lista,
.ai-lista-negatywna__lista,
.ai-cennik__progi { margin-top: var(--ai-s6); }