/* Strony dokumentów prawnych — treść dokumentu. Nagłówek i stopka to teraz `.masthead`/`.footer`
   z /site.css (paczka F1/F3b): to jedyny arkusz oprócz tego jeden, dokumenty prawne nie ładują
   /landing.css. Dokument ma się dać przeczytać na telefonie, wydrukować i zapisać jako PDF:
   jedna kolumna, tekst 16 px, tabele co najmniej 14 px, żadnego JavaScriptu. */

.legal-wrap{width:min(780px,calc(100% - 40px)); margin:0 auto; padding-block:40px 20px}

/* Menu dokumentów: cele dotyku ≥ 44 px, tekst ≥ 14 px (audyt 18.09: dziś 11 px). */
.legal-menu{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:30px}
.legal-menu a,.legal-menu span{
  display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:600;
  padding:8px 16px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; color:var(--muted);
}
.legal-menu a:hover{border-color:var(--line-strong); color:var(--ink)}
.legal-menu span[aria-current]{background:var(--brand-dark); border-color:var(--brand-dark); color:#fff}

.legal-meta{font-size:13px; color:var(--muted); margin-bottom:26px}
.legal-meta code{background:var(--tint); border-radius:4px; padding:2px 6px; font-size:12px}
.legal-meta a{color:var(--brand-dark); border-bottom:1px solid #A9D6BC}
.legal-placeholder{font-style:italic; color:var(--warn)}
.legal-wrap .notice{margin-bottom:30px}

/* Treść dokumentu: 16 px, żeby czytało się bez powiększania (audyt 18.09: dziś 14 px). Jedyny H1 strony
   to tytuł z treści dokumentu (audyt 18.09: nagłówek strony go już nie powtarza). Nagłówki mają interlinię
   ok. 1,2–1,3 — nie dziedziczą 1,75 z akapitów (audyt 18.09: było ok. 2,0). */
.legal-body{font-size:16px; line-height:1.75; color:var(--ink)}
.legal-body h1{font-size:clamp(28px,3.6vw,42px); letter-spacing:-1.4px; line-height:1.25; margin-bottom:14px; font-family:Manrope,system-ui,sans-serif}
.legal-body h2{font-size:22px; letter-spacing:-.5px; line-height:1.3; margin:42px 0 14px; padding-top:18px; border-top:1px solid var(--line); font-family:Manrope,system-ui,sans-serif}
.legal-body h3{font-size:17px; line-height:1.25; margin:26px 0 10px; font-family:Manrope,system-ui,sans-serif}
.legal-body p{margin-bottom:16px}
.legal-body ul,.legal-body ol{margin:0 0 18px; padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--brand-dark); border-bottom:1px solid #A9D6BC}
.legal-body strong{font-weight:700; color:var(--ink)}
.legal-body code{background:var(--tint); border-radius:4px; padding:2px 6px; font-size:14px; word-break:break-all}
.legal-body hr{border:0; border-top:1px solid var(--line); margin:32px 0}
.legal-body blockquote{margin:0 0 20px; padding:4px 0 4px 18px; border-left:3px solid var(--line-strong); color:var(--muted)}
.legal-body blockquote p{margin-bottom:10px}
.legal-body blockquote p:last-child{margin-bottom:0}

/* Tabele: co najmniej 14 px. Na telefonie przewija się tylko tabela (nie cała strona) — bez min-width,
   które wymuszałoby przewijanie strony; cień na krawędzi pokazuje, że jest więcej treści w bok. */
.table-scroll{position:relative; overflow-x:auto; -webkit-overflow-scrolling:touch; margin-bottom:22px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; box-shadow:inset -10px 0 12px -12px rgba(13,42,33,.18)}
.legal-body table{border-collapse:collapse; width:100%; font-size:14px}
.legal-body th{background:var(--tint-deep); color:#fff; text-align:left; font-weight:700; padding:11px 14px; letter-spacing:.1px; white-space:nowrap}
.legal-body td{padding:11px 14px; border-top:1px solid var(--line); vertical-align:top; line-height:1.6}
.legal-body tbody tr:nth-child(odd) td{background:var(--tint)}

@media(max-width:640px){
  .legal-wrap{padding-block:26px 10px}
  .legal-body h2{font-size:20px; margin-top:32px}
}

@media print{
  .masthead,.footer,.legal-menu{display:none}
  .legal-wrap{width:100%; padding:0}
  .legal-body{font-size:11pt; color:#000}
  .legal-body h2{page-break-after:avoid; border-top:0}
  .table-scroll{overflow:visible; border:0; box-shadow:none}
  .legal-body th{background:#eee; color:#000; border:1px solid #999}
  .legal-body td{border:1px solid #999}
  a[href^="http"]:after{content:" (" attr(href) ")"; font-size:9pt; color:#555}
}