/* =========================================================
   Strony dokumentowe (polityka cookies) — nad style.css
   ========================================================= */

.dokument .phead .lede{ max-width:68ch; }

.doc{
  padding-block:clamp(34px,6vh,64px) clamp(56px,9vh,110px);
  max-width:860px;
}

/* ---------- ramka „w skrócie" ---------- */
.doc__box{
  background:#fff;
  border:1px solid var(--linen-3);
  border-left:3px solid var(--blue-500);
  border-radius:0 8px 8px 0;
  padding:clamp(20px,3vw,32px);
  margin-bottom:clamp(38px,6vh,64px);
}
.doc__box h2{
  font-family:var(--ff-display); font-weight:500;
  font-size:clamp(1.25rem,2.4vw,1.6rem);
  margin-bottom:.8em;
}
.doc__box ul{ display:grid; gap:.6em; }
.doc__box li{
  position:relative; padding-left:1.4em;
  font-size:.96rem; line-height:1.6; color:var(--txt-dark);
}
.doc__box li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:6px; height:6px; border-radius:50%; background:var(--blue-500);
}
.doc__box strong{ font-weight:500; }
.doc__boxnote{
  margin:1.4em 0 0; padding-top:1.1em;
  border-top:1px solid var(--linen-2);
  font-size:.86rem; color:var(--txt-mute);
}

/* ---------- paragrafy ---------- */
.doc__sec{ margin-bottom:clamp(32px,5vh,52px); }
.doc__sec h2{
  font-family:var(--ff-display); font-weight:500;
  font-size:clamp(1.2rem,2.3vw,1.6rem); line-height:1.25;
  letter-spacing:-.01em;
  padding-bottom:.5em; margin-bottom:1em;
  border-bottom:1px solid var(--linen-3);
}
.doc__num{
  display:inline-block; margin-right:.45em;
  font-family:var(--ff-body); font-weight:500;
  font-size:.7rem; letter-spacing:.14em;
  color:#fff; background:var(--blue-500);
  border-radius:999px; padding:.34em .72em;
  vertical-align:.18em;
}
.doc__sec p{ font-size:.98rem; line-height:1.7; color:var(--txt-mute); }
.doc__sec a{ color:var(--blue-700); }

.doc__dl{ display:grid; gap:1.05em; }
.doc__dl dt{
  font-family:var(--ff-body); font-weight:500; font-size:.94rem;
  color:var(--txt-dark);
}
.doc__dl dd{
  margin:.25em 0 0; font-size:.94rem; line-height:1.68; color:var(--txt-mute);
}

.doc__ol, .doc__ul{ display:grid; gap:.85em; counter-reset:doc; }
.doc__ol li, .doc__ul li{
  position:relative; padding-left:2em;
  font-size:.94rem; line-height:1.68; color:var(--txt-mute);
}
.doc__ol li{ counter-increment:doc; }
.doc__ol li::before{
  content:counter(doc) ".";
  position:absolute; left:0; top:0;
  font-variant-numeric:tabular-nums; color:var(--gold-deep); font-weight:500;
}
.doc__ul li::before{
  content:""; position:absolute; left:.5em; top:.62em;
  width:5px; height:5px; border-radius:50%; background:var(--gold);
}

.doc__updated{
  margin:0; padding-top:clamp(20px,3vh,32px);
  border-top:1px solid var(--linen-3);
  font-size:.82rem; letter-spacing:.06em; color:var(--txt-mute);
}

.doc__badge{
  display:inline-block; margin-left:.5em; vertical-align:.1em;
  font-family:var(--ff-body); font-weight:500;
  font-size:.62rem; letter-spacing:.12em; text-transform:uppercase;
  color:#fff; background:var(--blue-500);
  border-radius:999px; padding:.3em .66em;
}
.doc__badge--opt{ background:var(--gold-deep); color:#141005; }
