.legal-grid{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.legal-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid rgba(200,181,255,.22);border-radius:16px;background:rgba(13,6,26,.85)}
.legal-toc strong{color:#e6dcff;font-size:14px;margin-bottom:5px}
.legal-toc a{color:#bdb3cc;text-decoration:none;font-size:13px;line-height:1.45}
.legal-toc a:hover,.legal-toc a:focus-visible{color:#fff;text-decoration:underline}
.legal-content{min-width:0}
.legal-note{margin:0 0 18px;padding:18px 22px;border:1px solid rgba(200,181,255,.35);border-left:3px solid #8a4bff;border-radius:12px;background:linear-gradient(110deg,rgba(123,44,255,.17),rgba(123,44,255,.04));color:#ded4ef;line-height:1.7}
.legal-panel{margin:0 0 15px;padding:clamp(22px,3vw,34px);border:1px solid rgba(200,181,255,.18);border-radius:18px;background:rgba(17,10,29,.88);scroll-margin-top:100px}
.legal-panel h2{margin:0 0 18px;font-size:clamp(23px,2.4vw,31px);line-height:1.16;color:#f9f7ff}
.legal-panel h3{margin:22px 0 8px;font-size:18px;color:#ded1ff}
.legal-panel p,.legal-panel li,.legal-panel .legal-contact{color:#c4bccf;line-height:1.75;font-size:15px}
.legal-panel p{margin:0 0 13px}
.legal-panel p:last-child{margin-bottom:0}
.legal-panel ul{padding-left:23px}
.legal-panel a,.legal-note a{color:#c8b5ff;text-underline-offset:3px}
.legal-panel a:hover,.legal-note a:hover{color:#fff}
.legal-contact{margin:0 0 18px;padding:18px;border-radius:12px;background:rgba(123,44,255,.09)}
@media(max-width:800px){.legal-grid{grid-template-columns:1fr}.legal-toc{position:static;display:block}.legal-toc a{display:inline-block;margin:6px 14px 4px 0}}