.legal{display:grid;gap:var(--s4);padding-block:var(--s5) 2rem;align-items:start}
.legal-nav{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:20px;font-size:.9375rem}
.legal-nav a{padding:10px 0;color:var(--ink-3);font-weight:400;text-decoration:none}
.legal-nav a[aria-current]{color:var(--ink);font-weight:500}
.legal-body{display:flex;flex-direction:column;gap:56px;max-width:760px}
.legal-head{display:flex;flex-direction:column;gap:20px}
.legal-draft{align-self:flex-start;margin:0;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;background:var(--blush);padding:6px 10px;color:var(--ink-footer)}
.legal-head h1{margin:0;font-size:clamp(2.25rem,7vw,4rem);line-height:1.04}
.legal-head .updated{margin:0;font-size:.9375rem;color:var(--ink-3)}
.legal-head .lead{margin:0;font-size:1.1875rem;line-height:1.6;max-width:none}
.legal-body section{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:28px}
.legal-body h2{margin:0;font-weight:400;font-size:1.75rem;line-height:1.1}
.legal-body section p{margin:0;font-size:1.0625rem;line-height:1.7;color:var(--ink-footer)}
.legal-body section a{text-decoration:underline}
@media (min-width:56em){.legal{grid-template-columns:260px 1fr;gap:96px;padding-block:72px 32px}.legal-nav{position:sticky;top:24px}}