/* ==========================================================================
   Strony z treścią (regulamin, polityka prywatności). Typografię daje .prose
   z site.css; tu tylko to, czego dokument prawny potrzebuje ponad artykuł.
   Reguły przeniesione z dawnego inline'owego bloku `.dokument` w page.html.twig.
   ========================================================================== */

.document-hero{padding:72px 0 8px}
.document-hero h1{font-size:clamp(34px,4.2vw,52px)}
.document-notice{margin-top:24px}
.document-body{padding:40px 0 104px}

/* Paragrafy regulaminu (§ 1, § 2…) oddziela cienka linia — przy trzydziestu
   paragrafach to jedyny punkt zaczepienia dla wzroku przy przewijaniu. */
.dokument h2{font-size:22px;margin-top:2.4em;padding-top:1.2em;border-top:1px solid var(--line)}
.dokument h2:first-child{margin-top:0;padding-top:0;border-top:0}
.dokument h3{font-size:18px}
.dokument ul{list-style:disc}
.dokument ol{list-style:decimal}
.dokument strong{color:var(--ink);font-weight:600}
.dokument th{background:var(--surface);font-weight:600;color:var(--ink)}
.dokument th,.dokument td{vertical-align:top}
/* Tabela w dokumencie prawnym bywa szersza niż telefon — ma się przewijać
   sama, a nie rozpychać całą stronę w poziomie. */
.dokument .tabela-przewijana{overflow-x:auto}
.dokument{overflow-wrap:break-word}

@media(max-width:900px){
  .document-hero{padding:56px 0 4px}
  .document-body{padding:32px 0 78px}
}
@media(max-width:640px){
  .document-hero{padding:40px 0 0}
  .document-body{padding:28px 0 62px}
  .dokument h2{font-size:20px}
}
/* --- prawne 2026-09-28: wersje dokumentów, archiwum, DSA, dostępność --- */
.document-version{margin-top:14px;font-size:14px;color:var(--muted)}
.document-version a{text-decoration:underline}
.wersje-lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.wersje-lista li{border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:baseline}
.wersje-lista .wersja-status{font-size:13px;color:var(--muted)}
.dsa-form{display:grid;gap:14px;max-width:640px}
.dsa-form label{font-weight:600;display:block;margin-bottom:4px}
.dsa-form .input{width:100%}
.dsa-form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.dsa-form .check input{margin-top:4px;flex:0 0 auto}
.dsa-form .pomoc{font-size:13px;color:var(--muted);margin-top:4px}
.dsa-potwierdzenie{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:24px}
@media (max-width:600px){.wersje-lista li{flex-direction:column}}

/* --- rezerwacje: tables of the imported Markdown drafts scroll inside the
   article instead of widening the page; editorial blockquotes stay quiet. */
.dokument table{display:block;overflow-x:auto;max-width:100%}
.dokument blockquote p{margin:0}
.dokument [lang=pl]>*+*{margin-top:1.1em}