/* ============================================================
   BLOKI STRON PRAWNYCH  (polityka prywatności, nota prawna, cookies)
   Gęsty, ponumerowany tekst prawny — wspólne dla wszystkich stron
   tego typu, nie tylko polityki prywatności. Nagłówek podstrony
   (.page) pochodzi z global.css, tak jak na stronie kontaktowej.

   Spis:
     1. Szpalta dokumentu        .dokument
     2. Działy i numeracja       .dokument__dzial, .dokument__lista
   ============================================================ */

/* ------------------------------------------------------------
   1. SZPALTA DOKUMENTU
   Węższa niż siatka strony — ciągły tekst prawny na pełną
   szerokość ekranu robi się nieczytelny. 68ch to ok. 12 słów
   w wierszu, tyle samo co w .u-lede na innych podstronach.
   ------------------------------------------------------------ */
.dokument{
  display:grid;
  gap:clamp(2.6rem,5vw,3.6rem);
  max-width:68ch;
}
.dokument__intro{
  font-size:1.05rem;
  line-height:1.65;
  color:var(--ink-soft);
  border-left:2px solid var(--line);
  padding-left:1.2rem;
}

/* ------------------------------------------------------------
   2. DZIAŁY I NUMERACJA
   Rzymska cyfra to etykieta w stylu .u-meta, nie osobny
   ozdobnik — dział ma wagę nagłówka karty, nie nagłówka sekcji.
   Numeracja podpunktów licznikiem CSS, żeby cyfry były równej
   szerokości (tabular-nums) tak jak wszędzie indziej na stronie.
   ------------------------------------------------------------ */
.dokument__dzial{display:grid;gap:1.1rem}
.dokument__naglowek{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:.15rem .7rem;
  font-size:1.2rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.dokument__rzymska{
  font-size:var(--fs-meta);
  letter-spacing:.16em;
  color:var(--ink-soft);
  font-weight:600;
}

.dokument__lista{
  display:grid;
  gap:.95rem;
  counter-reset:dokument;
  border-top:1px solid var(--line);
  padding-top:1.15rem;
}
.dokument__lista > li{
  display:grid;
  grid-template-columns:1.75rem 1fr;
  gap:.2rem .6rem;
  font-size:.95rem;
  line-height:1.62;
  color:var(--ink-soft);
  counter-increment:dokument;
}
.dokument__lista > li::before{
  content:counter(dokument) ".";
  color:var(--ink);
  font-weight:600;
  font-variant-numeric:tabular-nums;
}

.dokument__data{
  font-size:.86rem;
  color:var(--ink-soft);
  border-top:1px solid var(--line);
  padding-top:1.4rem;
}

@media (max-width:560px){
  .dokument__lista > li{grid-template-columns:1.35rem 1fr}
}