/* css/privacy.css: strona polityki prywatności (templates/privacy.html, data/privacy.mjs).
   Jasny edytorial jak reszta serwisu: duży nagłówek, cienkie linie, kobalt tylko w akcentach. */
.editorial .privacy {
  width: calc(100% - 2 * var(--space)); max-width: var(--maxw);
  margin: 0 auto;
  padding: calc(var(--header-h) + 70px) 0 112px;
  color: var(--ink);
}

/* ── hero ─────────────────────────────────────────────────────────── */
.editorial .privacy__eyebrow {
  display: flex; align-items: center; gap: 10px;
  margin: 0; color: var(--muted); font-size: 13px; font-weight: 500;
}
.editorial .privacy__eyebrow::before {
  content: ''; width: 7px; height: 7px; flex: none;
  background: var(--accent); transform: rotate(45deg);
}
.editorial .privacy__heading {
  max-width: 13ch; margin: 22px 0 30px;
  font-size: clamp(40px, 6.5vw, 86px); font-weight: 450; line-height: 1.02; letter-spacing: -.065em;
  text-wrap: balance;
}
.editorial .privacy__lead {
  max-width: 40ch; margin: 0;
  font-size: clamp(18px, 1.8vw, 23px); line-height: 1.42; letter-spacing: -.018em;
  text-wrap: pretty;
}
.editorial .privacy__meta { margin: 22px 0 0; color: var(--muted); font-size: 12px; }

/* ── w skrócie ────────────────────────────────────────────────────── */
.editorial .privacy__summary {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 64px 0 88px; padding: 0; list-style: none;
  border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line-soft);
}
.editorial .psum {
  display: grid; align-content: start; gap: 8px;
  padding: 22px 24px 26px 0;
}
.editorial .psum + .psum { padding-left: 24px; border-left: 1px solid var(--line-soft); }
.editorial .psum__n { color: var(--accent-text); font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; }
.editorial .psum__t { font-size: 15px; font-weight: 500; letter-spacing: -.012em; }
.editorial .psum__d { color: var(--muted); font-size: 13px; line-height: 1.5; }

/* ── spis treści + sekcje ─────────────────────────────────────────── */
.editorial .privacy__body {
  display: grid; grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
  gap: clamp(32px, 6vw, 112px); align-items: start;
}
.editorial .ptoc { position: sticky; top: calc(var(--header-h) + 32px); }
.editorial .ptoc__label { margin: 0 0 14px; color: var(--muted); font-size: 11px; font-weight: 500; }
.editorial .ptoc__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-soft); }
.editorial .ptoc__list li { border-bottom: 1px solid var(--line-soft); }
.editorial .ptoc__list a {
  display: flex; gap: 14px; padding: 11px 0;
  color: var(--ink); font-size: 13px; line-height: 1.35; text-decoration: none;
  transition: color .25s;
}
.editorial .ptoc__list a:hover { color: var(--accent); }
.editorial .ptoc__n { flex: none; width: 18px; color: var(--muted); font-size: 11px; line-height: 1.6; font-variant-numeric: tabular-nums; }

.editorial .privacy__content { max-width: 70ch; }
.editorial .psec { padding: 0 0 52px; scroll-margin-top: calc(var(--header-h) + 24px); }
.editorial .psec + .psec { padding-top: 44px; border-top: 1px solid var(--line-soft); }
.editorial .psec__h {
  display: flex; align-items: baseline; gap: 14px;
  margin: 0 0 20px;
  font-size: clamp(22px, 2.2vw, 28px); font-weight: 500; line-height: 1.2; letter-spacing: -.03em;
}
.editorial .psec__n { color: var(--accent-text); font-size: 12px; font-weight: 500; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.editorial .psec__body { color: #3a3d44; font-size: 15px; line-height: 1.68; }
.editorial .psec__body h3 { margin: 30px 0 8px; color: var(--ink); font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.editorial .psec__body h3:first-child { margin-top: 0; }
.editorial .psec__body p { margin: 0 0 14px; text-wrap: pretty; }
.editorial .psec__body ul { margin: 0 0 14px; padding-left: 18px; }
.editorial .psec__body li { margin: 0 0 8px; padding-left: 4px; }
.editorial .psec__body li::marker { color: var(--accent); }
.editorial .psec__body strong { color: var(--ink); font-weight: 600; }
.editorial .psec__body a {
  color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
  text-decoration-color: var(--line-2); transition: color .25s, text-decoration-color .25s;
}
.editorial .psec__body a:hover { color: var(--accent-text); text-decoration-color: currentColor; }
.editorial .psec__body code {
  padding: 2px 6px; border-radius: 4px; background: var(--bg-3);
  color: var(--ink); font: 500 12.5px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.editorial .pnote { color: var(--muted); font-size: 13px; }

/* ── tabela pamięci przeglądarki ──────────────────────────────────── */
.editorial .ptable { margin: 20px 0 22px; overflow-x: auto; }
.editorial .ptable:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.editorial .ptable table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
.editorial .ptable th {
  padding: 0 16px 10px 0; border-bottom: 1px solid var(--ink);
  color: var(--muted); font-size: 11px; font-weight: 500; text-align: left; white-space: nowrap;
}
.editorial .ptable td { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
.editorial .ptable td:first-child { white-space: nowrap; }
.editorial .ptable td:last-child { color: var(--muted); font-size: 13px; }

/* ── przycisk zgody w treści (wygląd jak w banerze) ───────────────── */
.editorial .pbtn {
  min-height: 44px; margin: 4px 0 6px; padding: 0 18px;
  background: #fff; color: var(--ink);
  border: 1px solid var(--ink); border-radius: 8px;
  font: inherit; font-size: 14px; font-weight: 500; letter-spacing: -.01em;
  cursor: pointer; transition: color .25s, border-color .25s;
}
.editorial .pbtn:hover { color: var(--accent); border-color: var(--accent); }
.editorial .pbtn[hidden] { display: none; }

@media (max-width: 960px) {
  .editorial .privacy__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .editorial .psum:nth-child(3) { padding-left: 0; border-left: 0; }
  .editorial .psum:nth-child(n + 3) { border-top: 1px solid var(--line-soft); }
  .editorial .privacy__body { grid-template-columns: 1fr; }
  .editorial .ptoc { position: static; }
}

@media (max-width: 760px) {
  .editorial .privacy { padding: calc(var(--header-h) + 36px) 0 72px; }
  .editorial .privacy__heading { font-size: clamp(38px, 11vw, 56px); margin: 18px 0 22px; }
  .editorial .privacy__summary { grid-template-columns: 1fr; margin: 44px 0 56px; }
  .editorial .psum, .editorial .psum + .psum { padding: 18px 0 20px; border-left: 0; }
  .editorial .psum + .psum { border-top: 1px solid var(--line-soft); }
  .editorial .psec__body { font-size: 15px; }
  /* Tabela → karty: etykieta kolumny z data-l. */
  .editorial .ptable { overflow: visible; }
  .editorial .ptable thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .editorial .ptable table, .editorial .ptable tbody, .editorial .ptable tr, .editorial .ptable td { display: block; }
  .editorial .ptable tr { padding: 14px 0; border-top: 1px solid var(--line-soft); }
  .editorial .ptable tr:last-child { border-bottom: 1px solid var(--line-soft); }
  .editorial .ptable td { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 4px 0; border: 0; }
  .editorial .ptable td::before { content: attr(data-l); color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.9; }
  .editorial .ptable td:first-child { white-space: normal; }
}