/* Widoki 11 i 12 — dokumenty prawne (/regulamin, /polityka-prywatnosci).
   Poziom 4 — cisza: jedna tafla z tekstem, spis treści z kotwicami, bez ruchu.
   Tylko układ; wygląd tafli i krojów — system.css. Każda wartość z tokenów. */

.dokument {
  display: grid;
  justify-items: center;
  padding: calc(var(--o-9) + var(--o-4)) var(--margines) var(--o-8);
}
.dokument-tafla {
  width: min(100%, 52rem);
  min-width: 0;                         /* długi adres nie rozpycha tafli na telefonie */
  display: grid;
  gap: var(--o-7);
  overflow-wrap: break-word;
}
.dokument-tafla > * { min-width: 0; }

/* — głowa dokumentu ------------------------------------------------------ */
.dokument-glowa { display: grid; gap: var(--o-4); }
.dokument-glowa h1 { font-size: var(--r-4); }
.dokument-glowa > p:not(.fakt) { max-width: var(--szer-tekstu); }

/* — spis treści ---------------------------------------------------------- */
.dokument-spis {
  display: grid;
  gap: var(--o-3);
  padding-block: var(--o-5);
  border-block: 1px solid var(--tafla-linia);
}
.dokument-spis h2 { font: inherit; letter-spacing: inherit; }
.dokument-spis ol {
  margin: 0;
  padding-left: var(--o-6);
  display: grid;
  gap: var(--o-1);
}
.dokument-spis a { padding-block: 1px; }   /* cel ≥ 24 px (było 23) bez zmiany układu */
@media (min-width: 700px) {
  .dokument-spis ol { grid-template-columns: 1fr 1fr; column-gap: var(--o-6); }
}

/* — treść ---------------------------------------------------------------- */
.dokument-sekcja {
  display: grid;
  gap: var(--o-4);
  max-width: var(--szer-tekstu);
  scroll-margin-top: var(--o-9);        /* kotwica nie chowa się pod nagłówkiem */
}
.dokument-sekcja h2 { font-size: var(--r-3); line-height: 1.05; }
.dokument-sekcja h3 {
  margin-top: var(--o-3);
  font-size: var(--r-2);
  line-height: 1.2;
  letter-spacing: -.01em;
}
.dokument-sekcja ol,
.dokument-sekcja ul {
  margin: 0;
  padding-left: var(--o-6);
  display: grid;
  gap: var(--o-2);
}
.dokument-sekcja li > ol,
.dokument-sekcja li > ul { margin-top: var(--o-2); }
.dokument-sekcja a { overflow-wrap: anywhere; }

/* lista „pojęcie — objaśnienie" (definicje, dane zapisywane na urządzeniu) */
.dokument-lista { margin: 0; display: grid; gap: var(--o-4); }
.dokument-lista > div {
  display: grid;
  gap: var(--o-1);
  padding-top: var(--o-4);
  border-top: 1px solid var(--tafla-linia);
}
.dokument-lista dt { font-weight: 600; }
.dokument-lista dd { margin: 0; }

.dokument-stopka {
  padding-top: var(--o-5);
  border-top: 1px solid var(--tafla-linia);
}