/* Юридические страницы (Privacy, Terms) — прототип design/site-2026-10/legal.html. Подключается через pageCss: legal.css. */
.lg-top{padding:60px 0 30px;border-bottom:1px solid var(--line)}
/* шапка по ширине сетки ниже (240 + 56 + 720), чтобы H1 стоял над оглавлением */
.lg-top .wrap{max-width:1064px}
.lg-top .d1{margin-top:22px;overflow-wrap:anywhere}
.lg-top p{margin:12px 0 0}
.lg-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line)}
.lg-seg a{padding:7px 14px;border-radius:9px;font-size:14px;color:var(--mute);transition:color .2s}
.lg-seg a:hover{color:var(--ink)}
.lg-seg a.on{color:#fff;background:rgba(139,92,246,.18);box-shadow:inset 0 0 0 1px rgba(167,139,250,.35)}

.lg-lay{display:grid;grid-template-columns:240px minmax(0,720px);gap:56px;justify-content:center;padding-top:40px}
.lg-side{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow:auto}
.lg-side .mono{display:block;margin-bottom:12px}
html:not(.js) .lg-side{visibility:hidden}
.lg-main{min-width:0}

.lg-main .prose h2{font-size:24px;margin-top:44px}
.lg-main .prose h2:first-child{margin-top:0}
.lg-main .prose h3{font-size:18px}
.lg-main .prose{overflow-wrap:break-word}

.lg-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:34px}
.lg-sum .panel{padding:18px;min-width:0}
.lg-sum b{display:block;margin:10px 0 4px;font-size:15px}
.lg-sum p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mute)}

@media (max-width:960px){
 .lg-top{padding:40px 0 24px}
 .lg-lay{grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px}
 .lg-side{display:none}
 .lg-sum{grid-template-columns:minmax(0,1fr)}
 .lg-main .prose h2{font-size:22px;margin-top:38px}
}