/* sections/legal_content.php — treść dokumentu prawnego (regulamin, polityka
   prywatności, gwarancja wyniku). Markup treści przychodzi 1:1 z dokumentu
   źródłowego (h2/h4/p/ol/ul/li/a, klasy tylko `text-center` i `lnk` z
   Bootstrapa/design-system) — typografia i odstępy idą przez selektory
   potomne tutaj, żeby przy każdej zmianie dokumentu markup można było
   porównać z oryginałem słowo w słowo, bez własnych klas do przepisywania. */

.leg__inner { max-width: 760px; }

.leg h2 {
  margin: 0 0 var(--ds-space-2);
  font-family: var(--ds-font-display);
  font-weight: var(--ds-weight-semi);
  font-size: var(--ds-text-h2);
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--ds-color-ink);
}

/* Podtytuł/rok szkolny pod H2 — tylko w sections/legal_gwarancja_body.php,
   pod tytułem dokumentu, przed pierwszym §. */
.leg-subtitle { margin: 0 0 var(--ds-space-1); font-size: var(--ds-text-body-sm); color: var(--ds-color-ink-secondary); }
.leg-schoolyear { margin: 0; font-size: var(--ds-text-caption); color: var(--ds-color-ink-muted); }

.leg h4 {
  margin: var(--ds-space-8) 0 var(--ds-space-3);
  font-family: var(--ds-font-display);
  font-weight: var(--ds-weight-semi);
  font-size: var(--ds-text-title);
  line-height: 1.4;
  color: var(--ds-color-ink);
}
/* Pierwszy §-nagłówek po tytule/leadzie nie potrzebuje tak dużego odstępu
   górnego jak kolejne — sekcje same z siebie już mają odstęp od H2. */
.leg h2 + h4, .leg h2 + br + h4 { margin-top: var(--ds-space-6); }

.leg p, .leg li {
  font-size: var(--ds-text-body-sm);
  line-height: 1.6;
  color: var(--ds-color-ink-secondary);
}
.leg p { margin: 0 0 var(--ds-space-4); }

.leg ol, .leg ul { margin: 0 0 var(--ds-space-4); padding-left: var(--ds-space-5); }
.leg li { margin-bottom: var(--ds-space-3); }
.leg li:last-child { margin-bottom: 0; }
.leg li > ol, .leg li > ul { margin-top: var(--ds-space-2); margin-bottom: var(--ds-space-2); }

/* Linki tekstowe — sam wygląd atomu .lnk (kolor + linia bazowa), żeby
   mailto:/https: w treści dokumentu nie wyglądały jak domyślny link
   przeglądarki. Markup dostaje klasę `lnk` bezpośrednio (patrz pliki
   sections/legal_*_body.php), te reguły dopinają tylko brakujący fallback,
   gdyby klasa gdzieś wypadła. */
.leg a { color: var(--ds-color-primary-ink); }
.leg a:hover { color: var(--ds-color-primary); }

/* Ostatnia linijka dokumentu ("Regulamin obowiązuje od dnia…", "Opublikowano
   w dniu…") — sam `text-center`, bez innej klasy: dopisek, nie treść do
   czytania, więc mniejszy stopień i wygaszony kolor jak .text-caption. */
.leg__inner > p[class="text-center"] {
  margin-top: var(--ds-space-8);
  font-size: var(--ds-text-caption);
  color: var(--ds-color-ink-muted);
}