/* Юридические страницы: тот же канон, плотность документа.
   Секция-документ, ширина колонки под длинное чтение. */

.legal{padding-block:56px 96px}
.legal__in{max-width:820px}
.legal__back{margin-bottom:32px;font-size:var(--fs-cap)}
.legal__back a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-strong)}
.legal__back a:hover{color:var(--accent);border-color:var(--accent-line)}

.legal h1{
  font-size:clamp(28px,6vw,40px);line-height:1.2;letter-spacing:-.012em;
  margin:0 0 28px;text-wrap:balance;
}
.legal h2{
  font-size:clamp(21px,4.2vw,26px);line-height:1.3;margin:44px 0 14px;
  padding-top:22px;border-top:1px solid var(--line);
}
.legal h3{font-size:19px;line-height:1.35;margin:28px 0 10px}

.legal p{color:var(--ink-2);max-width:38em;margin:0 0 16px}
.legal strong{color:var(--ink-1);font-weight:500}

.legal ul,.legal ol{color:var(--ink-2);max-width:38em;padding-left:22px;margin:0 0 18px}
.legal li{margin-bottom:10px}
.legal li::marker{color:var(--ink-3)}

.legal table{
  width:100%;border-collapse:collapse;margin:0 0 24px;
  font-size:var(--fs-note);color:var(--ink-2);
}
.legal th,.legal td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.legal th{background:var(--bg-alt);color:var(--ink-1);font-weight:500}

.legal hr{height:1px;background:var(--line);border:0;margin:36px 0}
.legal code{font-family:"IBM Plex Mono",monospace;font-size:var(--fs-mono);background:var(--bg-alt);padding:2px 6px;border-radius:6px;color:var(--ink-1)}
.legal blockquote{margin:0 0 20px;padding-left:18px;border-left:2px solid var(--accent-line);color:var(--ink-2)}

.legal-page .topbar__tel{margin-left:auto}

@media (min-width:861px){
  .legal{padding-block:72px 128px}
}