/* Юридические страницы: /privacy/ и /soglasie/. Собирает _build/gen_legal.mjs. */
.legal{padding:56px 0 40px}
.legal-date{color:var(--muted);font-size:13px}
.legal h1{margin-top:16px;max-width:900px;font-size:clamp(32px,4.4vw,58px)}
.legal .lead{margin-top:22px}
.legal-grid{display:grid;grid-template-columns:260px minmax(0,720px);gap:64px;margin-top:56px;align-items:start}
.legal-toc{position:sticky;top:110px;padding-top:18px;border-top:1px solid var(--ink);font-size:14px}
.legal-toc p{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.legal-toc ol{margin:14px 0 0;padding-left:20px;color:var(--muted)}
.legal-toc li{padding:5px 0}
.legal-toc a{color:var(--ink)}
.legal-toc a:hover{color:var(--blue)}
.legal section{padding:0 0 34px;scroll-margin-top:110px}
.legal section+section{padding-top:34px;border-top:1px solid var(--line)}
.legal h2{font-size:24px;letter-spacing:-.02em;line-height:1.25}
.legal section p{margin-top:14px;font-size:16.5px;line-height:1.65}
.legal article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .legal{padding-top:36px}
  .legal-grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:36px}
  .legal-toc{position:static}
}