/* ============================================================
   LMX Performance — правовые документы (privacy / terms / oferta)
   Подключается ПОСЛЕ product.css: шапка, дивайдеры-терминалы, подвал,
   цвета и светлая/тёмная тема берутся оттуда (как на главной и на
   страницах продуктов). Здесь — только содержимое документа, все
   селекторы с префиксом .doc-, чтобы не задеть общие стили.
   Шрифт всего документа — Raleway (свой, assets/fonts).
   ============================================================ */

/* Raleway по умолчанию рисует «старинные» цифры разной высоты (3, 5, 9
   уходят вниз) — в документе с номерами, датами и ИНН включаем ровные
   табличные цифры ◄◄◄ */
.doc-hero,
.doc-body{ font-variant-numeric:lining-nums tabular-nums; }

/* ── HERO ── фон как у страницы (var(--paper)), как на главной ── */
.doc-hero{
  background:var(--paper);
  padding:clamp(56px, 10vw, 96px) 0 clamp(44px, 7vw, 72px); /* ◄◄◄ */
}
.doc-eyebrow{ display:none; } /* убрано по запросу */
.doc-title{
  font-size:clamp(32px, 5.4vw, 68px); /* ◄◄◄ */
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.02;
  color:var(--heading);
  margin-bottom:28px;
}
.doc-meta{ display:flex; flex-wrap:wrap; gap:10px 28px; }
.doc-meta span{ font-size:13px; font-weight:500; color:var(--ink-45); }
.doc-meta span strong{ font-weight:700; color:var(--heading); }

/* ── LAYOUT ──────────────────────────────────────────────── */
.doc-body{
  background:var(--paper);
  padding:clamp(48px, 8vw, 80px) 0 clamp(64px, 10vw, 112px);
}
.doc-layout{
  display:grid;
  grid-template-columns:240px 1fr; /* ширина колонки содержания ◄◄◄ */
  gap:64px;
  align-items:start;
}
@media (max-width:900px){
  .doc-layout{ grid-template-columns:1fr; gap:40px; }
  .doc-toc{ position:static !important; }
}

/* ── СОДЕРЖАНИЕ ──────────────────────────────────────────── */
.doc-toc{ position:sticky; top:32px; }
.doc-toc-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-45);
  margin-bottom:14px;
}
.doc-toc ul{ list-style:none; counter-reset:toc; }
/* номер и пункт — один шрифт, один размер и одна высота строки,
   выравнивание по базовой линии: «01» и текст стоят ровно на одной
   строке ◄◄◄ */
.doc-toc li{
  counter-increment:toc;
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid var(--line-soft);
  font-size:13px;
  line-height:1.5;
}
.doc-toc li:last-child{ border-bottom:none; }
.doc-toc li::before{
  content:counter(toc, decimal-leading-zero);
  flex-shrink:0;
  min-width:20px;
  font-weight:600;
  color:var(--ink-45);
}
.doc-toc a{ color:var(--ink-70); transition:color .2s; }
.doc-toc a:hover{ color:var(--ink); }

/* ── ТЕКСТ ДОКУМЕНТА ─────────────────────────────────────── */
.doc-content{ min-width:0; }

.doc-back{
  display:inline-flex;
  font-size:13px;
  font-weight:600;
  color:var(--ink-45);
  margin-bottom:40px;
  letter-spacing:.02em;
  transition:color .2s;
}
.doc-back:hover{ color:var(--ink); }

.doc-note{
  border-left:2px solid var(--ink);
  padding:16px 20px;
  margin-bottom:48px;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-70);
}
.doc-note p{ margin:0; }
.doc-note strong{ color:var(--ink); font-weight:700; }
.doc-section .doc-note{ margin:18px 0; }

.doc-section{
  margin-bottom:52px;
  padding-bottom:52px;
  border-bottom:1px solid var(--line-soft);
}
.doc-section:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.doc-section h2{
  font-size:clamp(18px, 2vw, 22px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.3;
  margin-bottom:18px;
  color:var(--heading);
}
.doc-section h3{
  font-size:13px;
  font-weight:700;
  margin:22px 0 8px;
  color:var(--heading);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.doc-section p{
  font-size:14.5px;
  line-height:1.75;
  color:var(--ink-70);
  margin-bottom:14px;
}
.doc-section p:last-child{ margin-bottom:0; }
.doc-section ul,
.doc-section ol{ padding-left:18px; margin-bottom:14px; list-style:disc; }
.doc-section li{
  font-size:14.5px;
  line-height:1.75;
  color:var(--ink-70);
  margin-bottom:6px;
}
.doc-section li::marker{ color:var(--ink-45); }
.doc-section strong{ color:var(--ink); font-weight:700; }
.doc-section a{
  color:var(--ink);
  border-bottom:1px solid var(--line);
  transition:border-color .2s;
  overflow-wrap:anywhere;
}
.doc-section a:hover{ border-color:var(--ink); }

@media (max-width:480px){
  .doc-meta{ flex-direction:column; gap:8px; }
}

/* раунд 45 — бегущие строки на дивайдерах — только оформление: их нельзя
   выделить и скопировать, скринридеры их пропускают (aria-hidden в site.js) */
.term-divider, .term-divider *{ -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
.term-text [data-t]::before{ content:attr(data-t); }