/* Podstrony prawne: /regulamin/ i /polityka-prywatnosci/.
   Ładowane PO style.css, korzystają z jego tokenów, krojów, paska górnego i stopki. */

/* Podstrony nie mają menu, a to ono spycha przycisk na prawą krawędź paska.
   Bez tego „Zamów książkę" kleiłby się do tytułu książki. */
.topbar-actions { margin-left: auto; }

.doc { padding: clamp(28px, 4vw, 52px) 0 clamp(48px, 6vw, 80px); }
.doc-wrap { width: min(100% - var(--gutter) * 2, 780px); }

.doc-back { margin: 0 0 22px; font-size: var(--fs-small); }
.doc-back a { color: var(--ink-soft); text-decoration: none; }
.doc-back a::before { content: "← "; }
.doc-back a:hover { color: var(--accent-ink); }

.doc h1 {
  font-size: clamp(2rem, 1.5rem + 2vw, 2.9rem);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -.02em;
}

.doc-spis {
  margin: 30px 0 0;
  padding: 24px 26px;
  background: var(--paper-2);
  border-radius: var(--radius);
}
.doc-spis h2 { font-size: 1rem; font-weight: 800; letter-spacing: .01em; }
.doc-spis ol { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.doc-spis a { color: var(--ink-2); text-decoration-color: var(--line); }
.doc-spis a:hover { color: var(--accent-ink); }

.doc-tresc { margin-top: 38px; font-size: var(--fs-body); line-height: 1.62; color: var(--ink-2); }
.doc-tresc h2 {
  margin: 44px 0 16px;
  font-size: 1.32rem;
  font-weight: 800;
  color: var(--ink);
  scroll-margin-top: 20px;
}
.doc-tresc h2 strong { font-weight: inherit; }
.doc-tresc h3 { margin: 30px 0 12px; font-size: 1.08rem; font-weight: 700; color: var(--ink); }
.doc-tresc p { margin: 0 0 14px; }
.doc-tresc a { color: var(--accent-ink); }

.doc-tresc ol { margin: 0 0 18px; padding-left: 1.55em; display: grid; gap: 11px; }
.doc-tresc ol ol { margin: 11px 0 0; }
.doc-tresc ol.alpha { list-style: lower-alpha; }
.doc-tresc li { padding-left: 4px; }
.doc-tresc li strong { color: var(--ink); }

/* Załączniki: formularze do wypełnienia, kreski z dokumentu to miejsca na wpis. */
.zalacznik {
  margin-top: 52px;
  padding: 28px 28px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.zalacznik h2 { margin-top: 0; scroll-margin-top: 20px; }
.zalacznik .pole {
  height: 1.9em;
  margin: 0 0 18px;
  border-bottom: 1px dashed var(--line);
}

@media (max-width: 640px) {
  .doc-spis { padding: 20px; }
  .doc-tresc ol { padding-left: 1.3em; }
  .zalacznik { padding: 22px 18px 4px; }
}