/* ============================================================
   NIKPAGE — PODSTRONY INFORMACYJNE (polityka prywatnosci, dostepnosc)
   Ta sama paleta co strona glowna. Bez animacji tla — dokument ma
   sie wygodnie czytac i szybko ladowac.
   ============================================================ */
:root{
  --n-900:#0A0807; --n-800:#14100E; --n-700:#1A1512;
  --n-500:#7D7268; --n-400:#9E9088; --n-300:#C8BFB0; --n-100:#F4F0EA;
  --g-500:#B8944E; --g-400:#CBB078; --g-300:#E4CC96;
  --w-500:#7F1D1D;
  --font-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;
  background:var(--n-800);color:var(--n-100);line-height:1.7;
  min-height:100vh;overflow-x:clip;-webkit-font-smoothing:antialiased;
}
::selection{background:var(--w-500);color:var(--n-100)}
a:focus-visible,button:focus-visible{outline:2px solid var(--g-300);outline-offset:3px;border-radius:2px}

.bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(90% 50% at 50% -10%, rgba(127,29,29,.32) 0%, rgba(127,29,29,0) 70%),
    radial-gradient(60% 45% at 105% 85%, rgba(184,148,78,.08) 0%, rgba(184,148,78,0) 70%),
    linear-gradient(180deg,#14100E 0%,#0A0807 100%)}

/* odnosnik "przejdz do tresci" — widoczny dopiero przy nawigacji klawiatura */
.skip{position:absolute;left:12px;top:-80px;z-index:10;padding:10px 16px;border-radius:4px;
  background:var(--g-500);color:var(--n-900);font-size:.8rem;font-weight:500;text-decoration:none}
.skip:focus{top:12px}

.page{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:22px clamp(18px,5vw,40px) 40px}

/* gora */
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(34px,7vh,60px)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-serif);font-size:1.15rem;letter-spacing:.04em;color:var(--n-100);text-decoration:none}
.brand img{width:34px;height:auto}
.brand sup{font-size:.5em;color:var(--g-400)}
.back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;
  border:1px solid rgba(203,176,120,.3);color:var(--n-300);text-decoration:none;
  font-size:.66rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;
  transition:border-color .4s var(--ease),color .4s var(--ease)}
.back:hover{border-color:var(--g-400);color:var(--g-400)}

/* dokument */
.doc .over{display:inline-block;margin-bottom:14px;font-size:.64rem;font-weight:400;letter-spacing:.34em;text-transform:uppercase;color:var(--g-500)}
.doc h1{font-family:var(--font-serif);font-weight:300;font-size:clamp(2.1rem,6.4vw,3.4rem);line-height:1.1;margin-bottom:16px}
.doc h1 em{font-style:italic;color:var(--g-400)}
.doc .lead{font-family:var(--font-serif);font-size:clamp(1.02rem,2.6vw,1.16rem);line-height:1.6;color:var(--n-300);max-width:56ch}
.doc .meta{margin-top:12px;font-size:.74rem;letter-spacing:.04em;color:var(--n-400)}

.toc{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 4px;padding:16px 0;
  border-top:1px solid rgba(184,148,78,.2);border-bottom:1px solid rgba(184,148,78,.2)}
.toc a{padding:7px 13px;border-radius:999px;border:1px solid rgba(203,176,120,.22);
  font-size:.74rem;color:var(--n-300);text-decoration:none;transition:border-color .3s var(--ease),color .3s var(--ease)}
.toc a:hover{border-color:var(--g-400);color:var(--g-400)}

.doc section{padding-top:36px;scroll-margin-top:12px}
.doc h2{font-family:var(--font-serif);font-weight:300;font-size:clamp(1.4rem,3.8vw,1.85rem);line-height:1.25;margin-bottom:14px;color:var(--n-100)}
.doc h2::before{content:"";display:block;width:44px;height:1px;margin-bottom:14px;
  background:linear-gradient(90deg,var(--g-300),rgba(228,204,150,0))}
.doc h3{margin:22px 0 8px;font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--g-400)}
.doc p,.doc li{font-size:.95rem;color:var(--n-300)}
.doc p + p{margin-top:10px}
.doc ul{margin:10px 0 0 1.15em}
.doc li{margin-bottom:7px;padding-left:4px}
.doc li::marker{color:var(--g-500)}
.doc strong{font-weight:500;color:var(--n-100)}
.doc a{color:var(--g-400);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.doc code{padding:1px 6px;border-radius:3px;font-size:.86em;background:rgba(203,176,120,.1);color:var(--g-300)}
.inline-btn,.linkish{font:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--g-400);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* stopka */
footer{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:30px clamp(18px,5vw,40px) 40px;
  border-top:1px solid rgba(184,148,78,.16);font-size:.8rem;color:var(--n-400);text-align:center}
footer a{color:var(--n-300);text-decoration:none}
footer a:hover,footer .linkish:hover{color:var(--g-400)}
footer .legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:10px;font-size:.74rem}
footer .linkish{color:var(--n-300);text-decoration:none}

@media(max-width:620px){ .top .back span{display:none} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *{transition:none !important} }