/* Strony prawne Fluento — polityka prywatności, regulamin.
   Osobny arkusz, nie kopia inline'u z wizytówki: dokumenty prawne żyją
   własnym cyklem, a duplikat 600 linii CSS rozjechałby się przy pierwszej
   zmianie tokenów. Tokeny są te same, komplet reguł znacznie mniejszy. */

:root{
  --ground:#F4F7F5; --surface:#FFFFFF;
  --ink:#101B18; --muted:#5A6B65; --faint:#7C8C86;
  --line:rgba(16,27,24,.09);
  --brand:#0FA98E; --brand-ink:#066B58;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --ground:#0A1412; --surface:#101E1B;
    --ink:#E9F2EF; --muted:#8AA09A; --faint:#7E948D;
    --line:rgba(233,242,239,.10);
    --brand:#2AD3B4; --brand-ink:#57D9BE;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}

.wrap{max-width:760px;margin-inline:auto;padding:0 clamp(20px,5vw,32px)}

.bar{border-bottom:1px solid var(--line);padding:18px 0;position:sticky;top:0;
  background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(10px);z-index:5}
.bar-in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:.55em;font-weight:680;
  letter-spacing:-.02em;color:var(--ink);text-decoration:none;font-size:1.05rem}
/* Znak marki: ten sam stożkowy gradient co na wizytówce. */
.dot{width:15px;height:15px;border-radius:5px;
  background:conic-gradient(from 210deg,#35C99E,#EFB43D,#EE5F35,#35C99E)}
.back{color:var(--muted);text-decoration:none;font-size:.9rem}
.back:hover{color:var(--brand-ink)}

main{padding:clamp(40px,7vw,72px) 0 80px}

h1{font-size:clamp(1.9rem,4.4vw,2.6rem);letter-spacing:-.025em;line-height:1.15;margin:0 0 .5rem}
.lead{color:var(--muted);margin:0 0 2.4rem;font-size:1.02rem}
.updated{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint);margin:0 0 2rem}

h2{font-size:1.18rem;letter-spacing:-.01em;margin:2.6rem 0 .7rem;padding-top:1.6rem;
  border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:1rem;margin:1.6rem 0 .4rem}
p{margin:.7rem 0}
ul{margin:.7rem 0;padding-left:1.3rem}
li{margin:.35rem 0}
a{color:var(--brand-ink)}
strong{font-weight:640}

.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:1.2rem 0}
.card p{margin:.3rem 0}

footer{border-top:1px solid var(--line);padding:28px 0 44px;color:var(--faint);font-size:.84rem}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}