/* Dokumenty (regulamin, polityka prywatnosci) - ta sama paleta i typografia
   co strona glowna, tylko w wezszej kolumnie do czytania. */
:root{
  --ink:#1E1218;
  --ink-2:#5A4450;
  --cream:#FFF6F0;
  --blush:#FFE7F3;
  --hot:#FF3D9E;
  --hot-deep:#C2005F;
  --tangerine:#FF6B3D;
  --tang-deep:#B83B10;
  --paper:#FFFFFF;
  --grad:linear-gradient(100deg,#FF3D9E 0%,#FF6B3D 100%);
  --line:rgba(30,18,24,.14);
  --line-soft:rgba(30,18,24,.08);
  --font-display:'Gabarito',system-ui,sans-serif;
  --font-word:'Cinzel',Georgia,serif;
  --font-body:'Instrument Sans',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--font-body);font-size:16.5px;line-height:1.78;
  -webkit-font-smoothing:antialiased;
}
.wrap{width:min(100% - 40px,860px);margin-inline:auto}
a{color:var(--hot-deep)}
:focus-visible{outline:3px solid var(--hot-deep);outline-offset:3px;border-radius:4px}

.dochead{
  position:sticky;top:0;z-index:10;background:rgba(255,246,240,.9);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);
}
.dochead .wrap{display:flex;align-items:center;gap:18px;padding:14px 0}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1;color:var(--ink)}
.brand b{font-family:var(--font-word);font-weight:600;font-size:23px;letter-spacing:.3em;margin-right:-.3em}
.brand span{font-family:var(--font-display);font-weight:700;font-size:9px;letter-spacing:.26em;color:var(--hot-deep);margin-top:5px}
.dochead nav{margin-left:auto;display:flex;gap:18px;font-family:var(--font-display);font-weight:600;font-size:14.5px}
.dochead nav a{text-decoration:none;color:var(--ink)}
.dochead nav a:hover{color:var(--hot-deep)}

main{padding:clamp(40px,6vw,74px) 0 clamp(56px,7vw,90px)}
h1{
  font-family:var(--font-display);font-weight:900;line-height:1.04;margin:0 0 10px;
  font-size:clamp(32px,5.4vw,54px);letter-spacing:-.025em;
}
h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.meta{color:var(--ink-2);font-size:14.5px;margin:0 0 clamp(28px,4vw,40px)}
h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(21px,2.6vw,27px);
  line-height:1.2;margin:clamp(34px,4.4vw,50px) 0 12px;display:flex;gap:14px;align-items:baseline;
}
h2 span{
  font-size:13px;font-weight:800;color:var(--hot-deep);
  font-variant-numeric:lining-nums tabular-nums;flex:none;
}
h3{font-family:var(--font-display);font-weight:700;font-size:17.5px;margin:24px 0 8px}
p{margin:0 0 1em}
ul,ol{margin:0 0 1.1em;padding-left:22px}
li{margin-bottom:7px}
strong{font-weight:600}

.intro{
  background:var(--paper);border-radius:20px;padding:clamp(20px,2.6vw,28px);
  border:1.5px solid var(--line-soft);margin-bottom:clamp(28px,4vw,40px);
}
.intro p:last-child{margin-bottom:0}

/* pole bez pokrycia w faktach - ma sie rzucac w oczy */
.fill-in{
  background:#FFE9A8;color:#6B4A00;font-weight:600;padding:1px 8px;border-radius:6px;
  font-size:.94em;white-space:nowrap;
}
.todo{
  background:#FFF0F5;border-left:4px solid var(--hot);border-radius:0 16px 16px 0;
  padding:18px 22px;margin:0 0 clamp(28px,4vw,40px);font-size:15.5px;
}
.todo b{display:block;font-family:var(--font-display);font-weight:800;margin-bottom:6px;color:var(--hot-deep)}
.todo p:last-child{margin-bottom:0}

.contact-box{
  background:var(--blush);border-radius:20px;padding:clamp(20px,2.6vw,28px);
  margin-top:clamp(34px,4.4vw,50px);
}
.contact-box h3{margin-top:0}
.contact-box p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--line-soft);padding:26px 0 40px;font-size:14px;color:var(--ink-2)}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
footer a{text-decoration:none}

@media(max-width:560px){
  h2{flex-direction:column;gap:2px}
  .dochead nav{gap:12px;font-size:13.5px}
}