body.legal-page{min-height:100svh;display:flex;flex-direction:column;overflow-x:visible}
.legal-page main{flex:1;min-width:0}
.legal-page .legal{padding:136px 0 64px}
.legal-page .legal>.container{max-width:1200px}
.legal-page .legal .title{font-size:clamp(40px,7vw,76px);line-height:1.04;margin:0 0 20px;overflow-wrap:anywhere}
.legal-page .legal .legal-upd{margin:0 0 24px}
.legal-page .legal-intro{max-width:72ch;color:var(--muted);line-height:1.8;margin:0 0 28px}
.legal-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:28px;align-items:start}
.legal-toc{position:sticky;top:120px;background:rgba(255,255,255,.78);border:0;border-radius:18px;padding:16px 10px 10px;box-shadow:0 12px 32px rgba(31,49,58,.06);max-height:calc(100svh - 140px);overflow:auto}
.legal-toc h2{margin:0 10px 8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.4;color:#667078}
.legal-toc ol{counter-reset:toc;list-style:none;margin:0;padding:0;display:grid;gap:2px}
.legal-toc li{min-width:0}
.legal-toc a{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border-radius:12px;color:#24312b;font-size:14px;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;transition:background-color .2s ease,color .2s ease}
.legal-toc a::before{content:counter(toc,decimal-leading-zero);counter-increment:toc;flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;letter-spacing:.04em;color:#8aa094}
.legal-toc a:hover{background:rgba(46,107,78,.08);color:#1f4a36}
.legal-toc a[aria-current=location]{background:rgba(46,107,78,.14);color:#1f4a36;font-weight:700}
.legal-toc a[aria-current=location]::before{color:#2e6b4e}
.legal-content{min-width:0;display:grid;gap:20px}
.legal-box{min-width:0;background:var(--card);border-radius:var(--r);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow);scroll-margin-top:120px}
.legal-box:target{outline:2px solid var(--accent);outline-offset:4px}
.legal-box h2{font-size:clamp(19px,2vw,24px);line-height:1.35;letter-spacing:-.025em;margin:0 0 16px;color:var(--ink)}
.legal-box p,.legal-box li,.legal-box dd,.legal-box td{font-size:15px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.legal-box p+p,.legal-box p+ul,.legal-box ul+p{margin-top:14px}
.legal-box ul{padding-left:22px;display:grid;gap:8px}
.legal-box a,.legal-intro a{text-decoration:underline;text-underline-offset:3px;color:var(--accent);overflow-wrap:anywhere}
.legal-note{border-left:3px solid var(--accent);background:var(--accent-soft);padding:16px 18px;border-radius:0 12px 12px 0}
.legal-note p{color:var(--deep)}
.legal-box code{font-size:.9em;white-space:normal;overflow-wrap:anywhere}
.legal-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--accent-soft);border-radius:12px}
.legal-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.legal-box table{border-collapse:collapse;width:100%;font-size:14px}
.legal-box th,.legal-box td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--accent-soft);min-width:120px}
.legal-box th{background:var(--bg);font-weight:700;color:var(--ink);line-height:1.5}
.legal-box tr:last-child td{border-bottom:0}
.legal-page a:focus-visible,.legal-page button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.legal-skip{position:fixed;top:8px;left:16px;z-index:100;background:var(--card);padding:12px 16px;border-radius:12px;transform:translateY(-180%)}
.legal-skip:focus{transform:none}
.legal-page footer{max-height:none;overflow:visible}
body.legal-page>nav.nav{justify-content:flex-start;interpolate-size:allow-keywords;transition:width .9s cubic-bezier(.22,1,.36,1),height .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1),padding .9s cubic-bezier(.22,1,.36,1),border-radius .9s cubic-bezier(.22,1,.36,1),background-color .7s ease,box-shadow .9s cubic-bezier(.22,1,.36,1),backdrop-filter .9s ease}
body.legal-page>nav.nav .logo.logo-full{width:162px;height:36px;max-width:min(162px,46vw);transition:width .9s cubic-bezier(.22,1,.36,1),height .9s cubic-bezier(.22,1,.36,1),max-width .9s cubic-bezier(.22,1,.36,1)}
body.legal-page>nav.nav.is-scrolled,body.legal-page:not(:has(.burger))>nav.nav.is-scrolled{width:calc(min(162px,46vw) + 36px);max-width:calc(100% - 24px);height:64px;top:14px;padding:0 18px;border-radius:32px;justify-content:flex-start;background:rgba(255,255,255,.92);border-bottom-color:transparent;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:900px){.legal-layout{grid-template-columns:minmax(0,1fr);gap:24px}.legal-toc{position:static;max-height:none}.legal-toc ol{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
.legal-box thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.legal-box table,.legal-box tbody,.legal-box tr,.legal-box td{display:block;width:100%;min-width:0}
.legal-box td{border-bottom:0;padding-bottom:4px}
.legal-box tr{padding:4px 0 12px;border-bottom:1px solid var(--accent-soft)}
.legal-box td::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.4}
}
@media(max-width:600px){.legal-page .legal{padding:120px 0 40px}.legal-page .container{padding-inline:18px}.legal-page .legal .back-link{margin-bottom:22px}.legal-toc{padding:18px}.legal-toc ol{grid-template-columns:minmax(0,1fr)}.legal-toc a{padding-block:10px}.legal-box{border-radius:20px}.legal-content{gap:16px}.legal-box p,.legal-box li,.legal-box td{font-size:15px}.legal-note{padding:14px}body.legal-page>nav.nav.is-scrolled,body.legal-page:not(:has(.burger))>nav.nav.is-scrolled{height:60px}}
@media(prefers-reduced-motion:reduce){.legal-page{scroll-behavior:auto}.legal-page *{scroll-behavior:auto!important}body.legal-page>nav.nav,body.legal-page>nav.nav .logo.logo-full{transition:none}}
