/* ═══════════════════════════════════════════════════════════
   Юридические страницы: оферта и политика.

   Читаемый документ, а не лендинг: узкая колонка, крупный
   межстрочный интервал, спокойный ритм заголовков. Ширина
   колонки — под 70–80 знаков в строке, дальше глаз теряет
   начало следующей строки.
   ═══════════════════════════════════════════════════════════ */

.doc-head{padding:26px 0;border-bottom:1px solid var(--hairline);}
.doc-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}

.back-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--text2);transition:color .15s;}
.back-link:hover{color:var(--accent);}
.back-link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}

.doc{padding:52px 0 84px;}
.doc .wrap{max-width:660px;}

.doc h1{font-size:clamp(29px,5vw,38px);line-height:1.15;margin-bottom:8px;text-wrap:balance;}

/* Первый абзац после h1 — это дата редакции */
.doc h1 + p{font-size:14px;color:var(--text3);margin-bottom:36px;}

.doc h2{
  font-size:20px;line-height:1.3;margin:42px 0 14px;
  padding-top:22px;border-top:1px solid var(--hairline);
}
/* У первого раздела линия сверху не нужна — над ним и так граница шапки */
.doc h2:first-of-type{border-top:none;padding-top:0;margin-top:34px;}
.doc h3{font-size:16.5px;font-family:var(--sans);font-weight:600;margin:24px 0 10px;}

.doc p{font-size:16px;line-height:1.75;color:var(--text2);margin-bottom:15px;}
.doc ul,.doc ol{margin:0 0 18px 22px;}
.doc li{font-size:16px;line-height:1.75;color:var(--text2);margin-bottom:9px;}
.doc li::marker{color:var(--text3);}

.doc strong{color:var(--text);font-weight:600;}
.doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.doc a:hover{color:var(--accent-deep);}

.doc hr{border:none;border-top:1px solid var(--hairline);margin:34px 0;}

/* Якорная цель (согласие из формы регистрации) не должна
   прижиматься к верхней кромке окна после перехода по ссылке */
.doc [id]{scroll-margin-top:24px;}

/* Незаполненное поле из config.js видно сразу — так же, как в подвале */
.doc .missing{color:var(--accent);font-weight:600;}

@media (max-width:560px){
  .doc{padding:36px 0 64px;}
  .doc h2{font-size:18.5px;margin-top:34px;}
  .doc p,.doc li{font-size:15.5px;}
}