/* ============================================================
   DISTRICTS, warstwa regulaminow: terms, terms-2026-08-22 (dotychczasowy regulamin)
   i runsncoffeekrk-regulamin. Laduje sie PO styl.css i _shared.css.
   Doklada wylacznie to, czego dokument prawny potrzebuje do czytania:
   numer wersji pod tytulem, karte informacyjna, spis tresci z kotwicami
   do paragrafow, historie wersji i reguly druku. Typografia dokumentu
   zostaje w _shared.css. Zero wlasnych wartosci koloru, wszystko z
   tokenow arkusza glownego.
   ============================================================ */

/* numer wersji pod tytulem: krotki, wyswietlaczowy, zawsze na gorze */
.dokument .reg-numer {
  margin: 0 0 6px;
  font-family: var(--wyswietlacz);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.02rem;
  color: var(--ink);
}

/* karta informacyjna pod tytulem: .karta-dokument z _shared.css */
.dokument .reg-info .karta-etykieta { margin: 0 0 4px; }
.dokument .reg-info p { margin: 6px 0 0; max-width: 62ch; }
.dokument .reg-info .karta-etykieta { max-width: none; }
/* widoczny odnosnik do drugiej wersji regulaminu w karcie */
.dokument .reg-info .reg-info-odnosnik { margin-top: 14px; }

/* spis tresci: lista paragrafow w dwoch kolumnach, na telefonie w jednej.
   Kazda pozycja jest osobnym wierszem z wloskowata linia, wysokosc
   dotyku powyzej 44 px. */
.reg-spis {
  margin: clamp(26px, 4vw, 40px) 0 0;
  padding: 16px clamp(16px, 2.4vw, 24px) 8px;
  border: 1px solid var(--obrys);
  border-radius: var(--promien);
  background: var(--pan);
}
.dokument .reg-spis h2 {
  margin: 0 0 6px;
  font-size: 0.76rem;
  letter-spacing: 0.16em;
  color: var(--cichy);
}
.dokument .reg-spis ol {
  list-style: none;
  margin: 0;
  padding: 0;
  columns: 2;
  column-gap: 32px;
}
.dokument .reg-spis li {
  break-inside: avoid;
  margin: 0;
  max-width: none;
  border-top: 1px solid var(--linia);
  font-size: 0.95rem;
  line-height: 1.4;
}
.reg-spis a {
  display: block;
  padding: 12px 0;
}
@media (max-width: 700px) {
  .dokument .reg-spis ol { columns: 1; }
}

/* kotwice paragrafow: cel przewijania ponizej stalego paska gornego */
.dokument h2[id] { scroll-margin-top: 104px; }

/* historia wersji na koncu dokumentu */
.reg-historia {
  margin-top: clamp(40px, 6vw, 64px);
  padding-top: 20px;
  border-top: 1px solid var(--linia);
}
.dokument .reg-historia h2 { margin-top: 0; }
.reg-historia dl { margin: 12px 0 0; }
.reg-historia dt {
  font-family: var(--wyswietlacz);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.95rem;
}
.reg-historia dd { margin: 4px 0 18px; max-width: 62ch; }

/* druk: sam dokument, bez paska, stopki i tla; paragrafy nie lamia sie
   w polowie punktu, naglowek nie zostaje sam na dole strony */
@media print {
  .pomin, .pasek-gora, .stopka, .dokument-powrot { display: none !important; }
  body { background: none; color: var(--jasne-tekst); font-size: 11pt; line-height: 1.45; }
  .sekcja, .s-jasna.sekcja { padding: 0; background: none; clip-path: none; }
  .dokument .srodek { max-width: none; }
  .dokument h1 { font-size: 20pt; line-height: 1.1; margin: 0 0 8pt; }
  .dokument h2 { font-size: 13pt; margin: 18pt 0 6pt; break-after: avoid; page-break-after: avoid; }
  .dokument li, .dokument p, .reg-historia dd { break-inside: avoid; page-break-inside: avoid; max-width: none; }
  .dokument li { margin: 4pt 0; }
  .karta-dokument, .reg-spis { box-shadow: none; background: none; padding: 8pt 10pt; margin: 10pt 0; }
  .dokument .reg-spis ol { columns: 2; }
  .reg-spis a { padding: 3pt 0; }
  .dokument-kolumna a { color: inherit; text-decoration: none; }
}