/* ==========================================================================
   CALLA — szablon stron "Prawne" (template-legal.php)
   Wąska, wyśrodkowana kolumna (max 1050px) pod długie, formalne treści —
   bez sekcji ACF page_sections, tylko tytuł + the_content().
   ========================================================================== */

.legal {
  max-width: 1050px;
  margin-inline: auto;
  padding-inline: var(--container-padding);
  padding-block: clamp(44px, calc(5.44vw + 23.6px), 128px);
}

.legal > h1 {
  margin: 0 0 var(--space-6);
}

.legal h2,
.legal h3 {
  /* Ten sam rozmiar na h2 i h3 celowo — treść taguje numerowane sekcje
     niekonsekwentnie (sekcja "1." to h2, "2."-"7." to h3), więc
     różnicowanie po tagu wyglądało jak degradacja niektórych sekcji. */
  font-size: var(--fs-h3);
  margin: var(--space-8) 0 var(--space-4);
}

.legal p,
.legal li {
  font-family: var(--font-heading);
  font-weight: var(--fw-light);
  font-size: var(--fs-body);
  line-height: 2.444;
  letter-spacing: 0.01em;
  color: var(--color-text);
}

.legal ul,
.legal ol {
  padding-inline-start: var(--space-6);
}

.legal > * + * {
  margin-top: var(--space-6);
}

.legal li + li {
  margin-top: var(--space-3);
}

.legal a {
  color: var(--color-primary-dark);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.legal a:hover,
.legal a:focus-visible {
  color: var(--color-accent-green);
}