/* Стиль юридических страниц Nebbo (terms.html, privacy.html).
 * Палитра и шрифты — из tokens.css (подключать ПЕРЕД этим файлом).
 * Цель: спокойная читаемая проза в фирменных цветах, ничего лишнего. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--cloud);
  color:var(--ink);
  font-family:var(--font-text);
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* Шапка: локап-логотип ведёт на главную */
.doc-top{
  background:var(--night);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.doc-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.doc-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
/* Инлайн-вектор lockup.svg: слово через currentColor → color:#fff на тёмной
 * шапке. Растровые lockup-*.png несут запечённый фон и здесь не годятся. */
.doc-brand .doc-logo{height:26px;width:auto;display:block;color:#fff}
.doc-back{
  color:var(--sky);text-decoration:none;font-weight:600;font-size:14.5px;
  white-space:nowrap;transition:color .2s;
}
.doc-back:hover{color:var(--white)}

.wrap{max-width:760px;margin:0 auto;padding:18px 22px}

/* Заголовок документа */
.doc-head{padding-top:40px;padding-bottom:8px}
.doc-head h1{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(28px,5vw,40px);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:0 0 10px;
  color:var(--night);
}
.doc-meta{color:var(--muted);font-size:14.5px;margin:0}

/* Врезка-интро */
.doc-lead{
  margin:22px 0 8px;
  padding:18px 20px;
  background:var(--white);
  border:1px solid var(--mist);
  border-left:3px solid var(--blue);
  border-radius:14px;
  color:var(--ink2);
}
.doc-lead p{margin:0}

/* Тело */
.doc-body{padding-bottom:56px}
.doc-body section{margin-top:30px}
.doc-body h2{
  font-family:var(--font-text);
  font-weight:800;
  font-size:19px;
  letter-spacing:-.01em;
  margin:0 0 8px;
  color:var(--night);
  display:flex;gap:10px;align-items:baseline;
}
.doc-body h2 .n{
  color:var(--blue);font-variant-numeric:tabular-nums;
  font-size:15px;font-weight:800;min-width:1.4em;
}
.doc-body p{margin:0 0 12px}
.doc-body ul{margin:0 0 12px;padding-left:22px}
.doc-body li{margin:0 0 7px}
.doc-body a{color:var(--blue-d);text-decoration:none;border-bottom:1px solid var(--mist)}
.doc-body a:hover{border-bottom-color:var(--blue)}
.doc-body strong{color:var(--night)}

/* Плашка «главное» — приватность как обещание бренда */
.doc-note{
  margin:16px 0;padding:16px 18px;border-radius:14px;
  background:linear-gradient(135deg,rgba(47,107,255,.08),rgba(92,198,240,.10));
  border:1px solid rgba(47,107,255,.18);
  color:var(--ink);
}
.doc-note strong{color:var(--blue-d)}

/* Подвал */
.doc-foot{
  border-top:1px solid var(--mist);
  background:var(--white);
  color:var(--muted);
  font-size:14.5px;
}
.doc-foot .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding-top:22px;padding-bottom:36px}
.doc-foot a{color:var(--ink2);text-decoration:none;font-weight:600}
.doc-foot a:hover{color:var(--blue-d)}
.doc-foot .sep{color:var(--mist)}
.doc-foot .grow{flex:1 1 auto}

@media (prefers-color-scheme:dark){
  body{background:#0B1526;color:#D9E4F2}
  .doc-head h1,.doc-body h2,.doc-body strong{color:#EAF1FB}
  .doc-lead{background:#111F38;border-color:#1E3157;color:#C3D2E6}
  .doc-note{color:#DCE7F5}
  .doc-body a{color:var(--sky);border-bottom-color:#26385c}
  .doc-foot{background:#0E1B31;border-top-color:#1a2b49;color:#8FA1BC}
  .doc-foot a{color:#C3D2E6}
}