/* Wspólny styl stron prawnych. Czysty HTML, bez Reacta — otwiera się
   natychmiast i działa, nawet gdyby aplikacja się nie wczytała. */
:root{
  --void:#06080C; --edge:rgba(255,255,255,.11);
  --accent:#FF4D00; --accent-soft:#FF8A4C;
  --text:#F4F6F8; --muted:#8E97A4;
  --f-display:"Instrument Sans","Instrument Sans Fallback","Segoe UI",system-ui,sans-serif;
  --f-serif:"Instrument Serif","Instrument Serif Fallback",Georgia,serif;
  --f-body:"Public Sans","Public Sans Fallback","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--void);color:var(--text);font-family:var(--f-body);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:clamp(16px,4vw,28px)}
header{border-bottom:1px solid var(--edge);margin-bottom:clamp(36px,5vw,56px)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}
.logo img{height:26px;width:auto;display:block}
.back{font-family:var(--f-display);font-weight:600;font-size:.9375rem;color:var(--muted);text-decoration:none}
.back:hover{color:var(--text)}
h1{font-family:var(--f-display);font-weight:700;font-size:clamp(1.9rem,4.5vw,2.75rem);
  letter-spacing:-.035em;line-height:1.1;margin:0 0 10px}
.sub{font-family:var(--f-serif);font-style:italic;color:var(--accent-soft);margin:0 0 clamp(32px,4vw,48px)}
h2{font-family:var(--f-display);font-weight:700;font-size:1.1875rem;letter-spacing:-.025em;
  margin:clamp(34px,4vw,48px) 0 12px;scroll-margin-top:24px}
p,li{color:#C8CED6}
a{color:var(--accent-soft)}
ul{padding-left:20px}
li{margin-bottom:7px}
dl{display:grid;gap:10px;margin:0;padding:20px;border:1px solid var(--edge);border-radius:14px;
  background:rgba(255,255,255,.03)}
dt{font-family:var(--f-display);font-weight:600;font-size:.875rem;color:var(--text)}
dd{margin:0 0 6px;color:#C8CED6;font-size:.9375rem}
footer{border-top:1px solid var(--edge);margin-top:clamp(48px,6vw,80px)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;
  padding-block:24px;font-size:.8125rem;color:var(--muted)}
footer a{color:var(--muted)}
.uwaga{border-left:2px solid var(--accent);padding:2px 0 2px 16px;color:#C8CED6}
