/* Kureza — страница юридических документов (kureza.pl/legal/).
 *
 * Отдельный CSS, а не инлайн в <style>, как на четырёх сайтах воронки: здесь две
 * языковые версии одного документа, и разъехавшаяся вёрстка между ними — ровно та
 * беда, из-за которой сама страница и появилась (см. apps/shared/consent.js:10-12).
 *
 * Токены сняты с главной (apps/hub/index.html): страница должна читаться как часть
 * сайта, а не как выгрузка из Word.
 */
:root{
  --c-ink:#0F1E29; --c-ink-90:#1B2C38; --c-ink-60:#5B6770; --c-ink-30:#B5BDC3;
  --c-sand:#D3BCA2; --c-sand-soft:#EDE3D5; --c-sand-dark:#B89E80;
  --c-paper:#FFFFFF; --c-mist:#F6F4F0;
  --line:#E3E8EC;
  --font-sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--c-mist); color:var(--c-ink);
  font-family:var(--font-sans); font-size:15px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}

/* ── Шапка ─────────────────────────────────────────────────────────────── */
.lg-top{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 20px; background:var(--c-ink); color:#fff;
}
.lg-brand{
  color:#fff; text-decoration:none; font-weight:800; letter-spacing:.02em;
  font-size:14px;
}
.lg-brand span{color:var(--c-sand)}
.lg-lang{display:flex; gap:2px; font-size:12px; font-weight:700; letter-spacing:.08em}
.lg-lang a, .lg-lang b{
  display:block; padding:5px 10px; border-radius:6px; text-decoration:none;
  color:rgba(255,255,255,.72); font-weight:700;
}
.lg-lang a:hover{background:rgba(255,255,255,.12); color:#fff}
.lg-lang b{background:var(--c-sand); color:var(--c-ink)}

/* ── Каркас ────────────────────────────────────────────────────────────── */
.lg-wrap{max-width:780px; margin:0 auto; padding:36px 20px 20px}
h1{font-size:25px; line-height:1.26; margin:0 0 10px; letter-spacing:-.01em}
.lg-lead{color:var(--c-ink-60); margin:0 0 26px; font-size:14.5px}

.lg-toc{
  background:var(--c-paper); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin:0 0 34px;
}
.lg-toc-h{
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--c-ink-60); margin:0 0 10px;
}
.lg-toc ol{margin:0; padding-left:20px}
.lg-toc li{margin:5px 0}
.lg-toc a{color:var(--c-ink); font-weight:600}

/* ── Документ ──────────────────────────────────────────────────────────── */
.lg-kicker{
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--c-sand-dark); margin:0 0 8px;
}
.lg-doc{
  background:var(--c-paper); border:1px solid var(--line); border-radius:14px;
  padding:30px 30px 34px; margin:0 0 26px;
}
.lg-doc h2{
  font-size:16px; margin:26px 0 8px; padding-top:18px;
  border-top:1px solid var(--line);
  /* Липкая шапка не должна накрывать пункт, на который ведёт якорь #pN. */
  scroll-margin-top:70px;
}
.lg-doc h2:first-child{border-top:0; padding-top:0; margin-top:0}
.lg-doc h3{font-size:14px; margin:18px 0 6px; color:var(--c-ink-90)}
.lg-doc p{margin:0 0 12px}
.lg-doc ul{margin:0 0 12px; padding-left:22px}
.lg-doc li{margin:6px 0}
.lg-doc a{color:var(--c-ink); text-decoration-color:var(--c-sand-dark); text-underline-offset:3px}

/* Карточка документа на /legal/ — вся кликабельная. */
.lg-card{
  display:block; background:var(--c-paper); border:1px solid var(--line);
  border-radius:14px; padding:22px 24px 24px; margin:0 0 16px;
  text-decoration:none; color:inherit;
  transition:border-color 200ms, transform 200ms, box-shadow 200ms;
}
.lg-card:hover{
  border-color:var(--c-sand-dark); transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(15,30,41,.08);
}
.lg-card h2{font-size:18px; line-height:1.32; margin:0 0 8px}
.lg-card p:last-child{margin:0; color:var(--c-ink-60); font-size:14px}

/* Ссылка на соседний документ в конце страницы. */
.lg-next{
  background:var(--c-sand-soft); border-radius:12px; padding:16px 20px; margin:0 0 26px;
  font-size:14px;
}
.lg-next p{margin:0}
.lg-next-h{
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--c-ink-60); margin:0 0 6px !important;
}
.lg-next a{color:var(--c-ink); font-weight:700}

/* Текст, который человек видит рядом с галочкой на сайте. Выделен, потому что это
   единственный фрагмент документа, который он точно уже читал. */
.lg-quote{
  margin:14px 0 4px; padding:14px 18px; background:var(--c-sand-soft);
  border-left:3px solid var(--c-sand-dark); border-radius:0 8px 8px 0;
  font-size:14.5px;
}
.lg-quote p{margin:0}

/* Таблица целей обработки. Обёртка скроллится сама — на телефоне три колонки
   иначе растянули бы страницу по горизонтали. */
.lg-tablewrap{overflow-x:auto; margin:0 0 14px; -webkit-overflow-scrolling:touch}
.lg-doc table{border-collapse:collapse; width:100%; min-width:560px; font-size:13.5px}
.lg-doc th{
  background:var(--c-ink); color:#fff; text-align:left; font-weight:700;
  padding:10px 12px; vertical-align:middle;
}
.lg-doc td{border-bottom:1px solid var(--line); padding:10px 12px; vertical-align:top}
.lg-doc tr:last-child td{border-bottom:0}

/* ── Подвал ────────────────────────────────────────────────────────────── */
.lg-foot{
  max-width:780px; margin:0 auto; padding:8px 20px 48px;
  font-size:12.5px; color:var(--c-ink-60);
}
.lg-foot a{color:var(--c-ink); font-weight:600}
.lg-foot p{margin:0 0 6px}
.lg-ver{color:var(--c-ink-30)}

@media (max-width:640px){
  .lg-wrap{padding:26px 14px 14px}
  .lg-doc{padding:22px 18px 26px; border-radius:12px}
  h1{font-size:23px}
}

/* ── Печать: человек должен уметь сохранить документ в PDF ─────────────── */
@media print{
  body{background:#fff; font-size:10.5pt; line-height:1.45}
  .lg-top, .lg-toc, .lg-next{display:none}
  .lg-wrap, .lg-foot{max-width:none; padding:0}
  .lg-doc{
    border:0; border-radius:0; padding:0; margin:0 0 18pt;
    break-inside:auto; page-break-inside:auto;
  }
  .lg-doc h2, .lg-doc h3{break-after:avoid; page-break-after:avoid}
  .lg-doc table{min-width:0; font-size:9pt}
  .lg-doc th{background:#0F1E29 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact}
  .lg-quote{background:#EDE3D5 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact}
  a{text-decoration:none; color:#000}
}