/* Arkusz podstron dokumentowych (regulamin, polityka prywatnosci).
   Ta sama paleta i typografia co index.html - czern, zloto, kosc sloniowa.
   Wzorzec ukladu: templates/premium/doc.css, wartosci podstawione recznie. */
:root{
  --bg:#fffdf9;
  --surface:#f7f3ec;
  --paper:#ffffff;
  --ink:#0c0b0a;
  --ink-soft:#443d33;
  --muted:#6f6559;
  --gold:#c9a25c;
  /* ciemniejsze zloto do linkow - #c9a25c na kremowym tle ma tylko ok. 3:1,
     czyli ponizej progu WCAG dla tekstu */
  --gold-deep:#8a6a2e;
  --line:rgba(12,11,10,.13);
  --line-soft:rgba(12,11,10,.07);
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Jost', system-ui, sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-weight:300;font-size:16.5px;line-height:1.78;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-deep)}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px}

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

/* ===== naglowek ===== */
.dochead{border-bottom:1px solid var(--line-soft);background:rgba(255,253,249,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.dochead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px;padding-bottom:15px;max-width:1200px}
.logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:var(--ink)}
.logo b{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:.06em;text-transform:uppercase}
.logo small{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.back{
  text-decoration:none;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink);border:1px solid var(--line);padding:10px 19px;border-radius:999px;
  transition:border-color .3s,background .3s,color .3s;white-space:nowrap;
}
.back:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}

/* ===== tytul ===== */
.doctitle{padding:clamp(44px,7vw,80px) 0 clamp(24px,3.5vw,38px);text-align:center}
.doctitle .kicker{
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);
  margin:0 0 18px;display:flex;align-items:center;justify-content:center;gap:14px;
}
.doctitle .kicker::before,.doctitle .kicker::after{content:"";width:32px;height:1px;background:var(--gold)}
.doctitle h1{
  font-family:var(--serif);font-weight:400;margin:0;
  font-size:clamp(32px,5.2vw,56px);line-height:1.12;letter-spacing:-.01em;
}
.doctitle .meta{color:var(--muted);font-size:13.5px;letter-spacing:.04em;margin:18px 0 0}

/* ===== tresc ===== */
.doc{padding-bottom:clamp(56px,8vw,100px)}
.doc .intro{
  background:var(--surface);border-left:2px solid var(--gold);
  padding:20px 24px;margin:0 0 clamp(30px,4.5vw,44px);font-size:15.5px;color:var(--ink-soft);
}
.doc h2{
  font-family:var(--serif);font-weight:400;font-size:clamp(23px,3vw,32px);
  margin:clamp(38px,5vw,58px) 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);
  display:flex;align-items:baseline;gap:14px;line-height:1.2;
}
.doc h2 span{font-size:13px;color:var(--gold-deep);letter-spacing:.1em;flex:none;font-family:var(--sans)}
.doc h3{font-family:var(--serif);font-weight:500;font-size:20px;margin:28px 0 8px}
.doc p{margin:0 0 1.05em;color:var(--ink-soft)}
.doc ol,.doc ul{margin:0 0 1.2em;padding-left:22px;color:var(--ink-soft)}
.doc li{margin-bottom:9px}
.doc li::marker{color:var(--gold-deep)}
.doc strong{font-weight:500;color:var(--ink)}
.fill-in{
  background:rgba(201,162,92,.22);border-bottom:1px dashed var(--gold-deep);
  padding:1px 6px;font-weight:400;color:var(--ink);white-space:nowrap;
}
.callout{background:var(--paper);border:1px solid var(--line-soft);padding:20px 24px;margin:0 0 1.3em;font-size:15px}
.callout h3{margin-top:0}
.todo{
  background:#fff6e8;border:1px solid #e3c79a;padding:18px 22px;
  margin:0 0 clamp(28px,4vw,40px);font-size:14.5px;color:#6b4a1c;
}
.todo strong{color:#6b4a1c}
.contact-box{background:var(--surface);padding:24px;margin-top:clamp(32px,4.5vw,46px);font-size:15px}
.contact-box h3{margin-top:0}
.contact-box a{text-decoration:none}

/* ===== stopka ===== */
footer{background:var(--ink);color:#a49a8c;padding:clamp(38px,5vw,58px) 0 26px;font-size:13.5px}
footer .wrap{max-width:1200px}
footer .foot-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer a{color:inherit;text-decoration:none}
footer a:hover{color:var(--gold)}
footer nav{display:flex;gap:22px;flex-wrap:wrap}

@media(max-width:640px){
  .dochead .wrap{flex-wrap:wrap}
  .logo b{font-size:17px}
  .doc h2{flex-direction:column;gap:4px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.001s!important;animation-duration:.001s!important}
}