/* ── Юридические страницы: оферта и политика ──────────────────
   Та же редакционная система, что и лендинг: одна бумага,
   ритм задают линейки и поля. Отличие одно — узкая мера набора
   и оглавление на левом поле, потому что документ читают
   не подряд, а точечно: «где там про возврат». */

.legal{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(64px,9vw,120px)}

/* ── шапка документа ─────────────────────────────────────── */
.legal__head{border-bottom:1px solid var(--rule);padding-bottom:clamp(28px,4vw,44px)}
.legal__back{display:inline-block;font-size:var(--fs-small);color:var(--text-muted);text-decoration:none;margin-bottom:clamp(20px,3vw,32px)}
.legal__back:hover{color:var(--ink)}
.legal__title{font-size:var(--fs-h2);max-width:var(--measure-narrow)}

.legal__meta{margin:clamp(20px,3vw,28px) 0 0;display:flex;flex-wrap:wrap;gap:8px 32px}
.legal__meta-row{display:flex;gap:8px;font-size:var(--fs-small)}
.legal__meta dt{color:var(--text-muted)}
.legal__meta dt::after{content:":"}
.legal__meta dd{margin:0;color:var(--ink);font-weight:var(--fw-medium)}

.legal__switch{margin-top:18px;font-size:var(--fs-small)}

/* ── раскладка: оглавление на поле + текст ───────────────── */
.legal__layout{display:grid;grid-template-columns:var(--rail) 1fr;gap:var(--rail-gap);
  padding-top:clamp(32px,5vw,56px)}

.legal__toc{position:sticky;top:calc(var(--fs-body) * 4);align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}
.legal__toc-title{font-size:var(--fs-tiny);font-weight:var(--fw-semibold);letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
.legal__toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.legal__toc a{display:flex;gap:9px;font-size:var(--fs-small);line-height:1.35;color:var(--text-muted);text-decoration:none}
.legal__toc a span{color:var(--rule);font-variant-numeric:tabular-nums;flex:none;min-width:1.1em}
.legal__toc a:hover{color:var(--ink)}
.legal__toc a:hover span{color:var(--ink)}

/* ── тело документа ──────────────────────────────────────── */
.legal__body{max-width:var(--measure);font-size:var(--fs-body);line-height:var(--lh-read)}
.legal__body > p{margin-bottom:var(--sp-rule)}

.legal__h2{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semibold);
  line-height:var(--lh-snug);letter-spacing:-.012em;
  margin:clamp(40px,5vw,64px) 0 var(--sp-rule);padding-top:var(--sp-rule);
  border-top:1px solid var(--rule);position:relative;scroll-margin-top:88px}
.legal__body > .legal__h2:first-child{margin-top:0;border-top:0;padding-top:0}
.legal__num{display:inline-block;min-width:2.1em;color:var(--rule-strong);opacity:.34;
  font-variant-numeric:tabular-nums}

.legal__list{margin:0 0 var(--sp-rule);padding:0;list-style:none;
  display:flex;flex-direction:column;gap:11px}
.legal__list li{position:relative;padding-left:22px}
/* линейка вместо буллита — тот же приём, что в прайс-листе лендинга */
.legal__list li::before{content:"";position:absolute;left:0;top:.72em;width:11px;height:1px;background:var(--rule)}

.legal__body strong{font-weight:var(--fw-semibold);color:var(--ink)}

/* ── планшет и телефон: оглавление сворачивается наверх ──── */
@media (max-width:900px){
  .legal__layout{grid-template-columns:1fr;gap:clamp(28px,5vw,40px)}
  .legal__toc{position:static;max-height:none;border-bottom:1px solid var(--rule);padding-bottom:24px}
  .legal__toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px 24px}
}
@media (max-width:560px){
  .legal__title{font-size:clamp(26px,7vw,34px)}
  .legal__meta{flex-direction:column;gap:6px}
}

@media print{
  .site-header,.site-footer,.legal__toc,.legal__back,.legal__switch,.skip-link{display:none}
  .legal__layout{display:block}
  .legal__body{max-width:none}
  .legal__h2{page-break-after:avoid}
}

/* оговорка о приоритете языковой версии — служебная, но юридически
   значимая: набираем мельче основного текста, на левой линейке */
.legal__note{font-size:var(--fs-small);color:var(--text-muted);
  border-left:2px solid var(--rule);padding-left:16px;margin-bottom:var(--sp-rule)}
.legal__note em{font-style:italic}