/* Wspólny arkusz dwóch dokumentów publicznych: polityki prywatności
   i regulaminu akcji demo.

   Osobny plik, a nie style w każdym dokumencie: obie strony mają wyglądać
   tak samo i zmieniać się razem. Nie importuje niczego z index.html — to
   samodzielne strony, które muszą otworzyć się także wtedy, gdy aplikacja
   akurat nie działa. */
:root{
  --papier:#F7F8F5;--papier-2:#FFFFFF;--linia:#E3E7DE;
  --tusz:#16211C;--tusz-2:#5A6B62;--marker:#2457D6;--uwaga:#A96019;
  --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --disp:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{--papier:#0B1220;--papier-2:#111A2B;--linia:#263651;
    --tusz:#F3F6FC;--tusz-2:#A9B5CA;--marker:#6E9EFF;--uwaga:#F1A15B}
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--papier);color:var(--tusz);font:400 16px/1.65 var(--disp);
  padding:0 20px 80px;-webkit-text-size-adjust:100%}
.dok{max-width:74ch;margin:0 auto}
header{padding:48px 0 32px;border-bottom:1px solid var(--linia);margin-bottom:36px}
.marka{display:inline-block;font:700 11px var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--marker);margin-bottom:14px}
h1{font-size:clamp(28px,4.4vw,40px);line-height:1.1;letter-spacing:-.03em;font-weight:800}
.lid{margin-top:12px;color:var(--tusz-2);font-size:15px;max-width:60ch}
h2{margin:40px 0 12px;font-size:20px;letter-spacing:-.02em;font-weight:700}
h3{margin:26px 0 8px;font-size:16px;font-weight:700}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
a{color:var(--marker)}
strong{font-weight:700}
table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px;display:block;overflow-x:auto}
th,td{border:1px solid var(--linia);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--papier-2);font-weight:700;white-space:nowrap}
code{font:600 13px var(--mono);background:var(--papier-2);padding:2px 6px;
  border-radius:5px;border:1px solid var(--linia)}
footer{margin-top:52px;padding-top:22px;border-top:1px solid var(--linia);
  color:var(--tusz-2);font-size:13px}
/* Blok „do uzupełnienia". Celowo krzykliwy: ma być nie do przeoczenia, gdyby
   dokument trafił na produkcję przed wpisaniem danych administratora. */
.uzupelnij{margin:0 0 28px;padding:16px 18px;border-radius:10px;
  border:2px dashed var(--uwaga);background:color-mix(in srgb,var(--uwaga) 9%,var(--papier-2));
  color:var(--uwaga);font-size:14px;line-height:1.55}
.uzupelnij b{display:block;margin-bottom:5px;font-size:15px}
mark{background:color-mix(in srgb,var(--uwaga) 26%,transparent);color:inherit;
  padding:1px 5px;border-radius:4px;font-weight:700}