.legal-hero{padding:64px 0 38px;background:radial-gradient(circle at 88% 18%,#d9edf9 0,transparent 31%),linear-gradient(135deg,#fff 0%,#f5f9fc 66%,#eaf4fb 100%)}
.legal-hero h1{max-width:820px;margin:16px 0 14px;font-size:clamp(2.35rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.052em}
.legal-hero p{max-width:720px;margin:0;color:var(--muted);font-size:1.05rem}
.legal-section{padding:58px 0 82px}
.legal-layout{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:56px;align-items:start}
.legal-nav{position:sticky;top:104px;display:grid;gap:6px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(17,27,51,.06)}
.legal-nav a{padding:8px 10px;border-radius:8px;color:var(--muted);font-size:.88rem;font-weight:700}
.legal-nav a:hover{background:var(--paper);color:var(--blue)}
.legal-content{min-width:0}
.legal-block{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.legal-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.legal-block h2{margin:0 0 12px;font-size:1.35rem;line-height:1.25;letter-spacing:-.02em}
.legal-block p,.legal-block li{color:var(--muted)}
.legal-block p{margin:0 0 12px}.legal-block p:last-child{margin-bottom:0}
.legal-block ul{margin:10px 0 0;padding-left:22px}.legal-block li+li{margin-top:7px}
.legal-block a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.legal-updated{display:inline-block;margin-top:12px;color:var(--blue);font-size:.84rem;font-weight:750}
@media(max-width:768px){.legal-hero{padding:48px 0 30px}.legal-section{padding:42px 0 64px}.legal-layout{grid-template-columns:1fr;gap:28px}.legal-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-nav a{padding:7px 8px}}
@media(max-width:420px){.legal-nav{grid-template-columns:1fr}.legal-hero h1{font-size:2.2rem}}