/* Style strony privacy-policy.html.
   Wyniesione z bloku <style> 2026-08-25 pod Content-Security-Policy bez
   'unsafe-inline'.

   Przebudowane 2026-08-27. Wczesniej ten plik byl KOMPLETNA KOPIA chrome'u:
   powtarzal cztery bloki @font-face, reset, .nav, .nav-inner, .brand, .brand-mark,
   cala stopke i .container - wszystko z ZAKODOWANYMI kolorami (#050810, #34d399,
   #94a3b8) zamiast tokenow. Strona i tak laduje assets/style.css, wiec byla to
   druga, rownolegla definicja tego samego wygladu: zmiana palety w :root omijala
   te strone, a osiem regul bylo juz co do znaku identycznych, czyli martwych.

   Zostaje wylacznie to, czego arkusz wspolny nie ma: typografia tekstu prawnego,
   wezsza kolumna czytelnicza i odnosnik powrotny w pasku. Kolory pochodza
   z tokenow. */

/* Wezsza kolumna niz reszta serwisu - tekst prawny czyta sie zdaniami, nie
   akapitami na cala szerokosc. Wlasna klasa, a nie nadpisanie .container:
   ten sam .container niesie takze pasek nawigacji i stopke. */
.container.legal-narrow{max-width:780px;padding-top:40px}

body{line-height:1.8;padding:0 0 80px}

/* Odnosnik powrotny w pasku - wystepuje tylko na tej stronie. */
.nav-back{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--text-dim);font-size:0.92rem;font-weight:500;
  transition:color .2s;
}

.nav-back:hover{color:var(--accent-light)}

.legal-narrow h1{font-size:1.8rem;font-weight:800;margin-bottom:8px;color:var(--text)}

.legal-narrow .subtitle{color:var(--text-muted);font-size:0.92rem;margin-bottom:40px}

.legal-narrow h2{
  font-size:1.15rem;font-weight:700;color:var(--accent-light);
  margin:36px 0 12px;text-transform:uppercase;letter-spacing:0.04em;
}

.legal-narrow p,
.legal-narrow li{color:var(--text-dim);margin-bottom:12px}

.legal-narrow ul{padding-left:24px;margin-bottom:16px}

.legal-narrow li{margin-bottom:6px}

.legal-narrow strong{color:var(--text)}

/* W tresci prawnej odnosnik ma byc widoczny jako odnosnik - inaczej niz
   w chrome, gdzie podkreslenia sa wylaczone. */
.legal-narrow a{color:var(--accent-light)}

.legal-narrow a:hover{text-decoration:underline}

.legal-narrow .back{
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:32px;color:var(--text-muted);font-size:0.9rem;
}

.legal-narrow .back:hover{color:var(--accent-light);text-decoration:none}

.legal-narrow hr{border:none;border-top:1px solid rgba(16,185,129,0.1);margin:40px 0}