.legal-page main{min-height:100svh;padding:170px 24px 110px}
.legal-document{width:100%;max-width:740px;margin:0 auto}
.legal-navigation{display:flex;gap:26px;margin-bottom:44px;font-size:14px}
.legal-navigation a{position:relative;padding:8px 0;color:var(--muted)}
.legal-navigation a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.legal-navigation a:hover::after,.legal-navigation a:focus-visible::after,.legal-navigation a[aria-current=page]::after{transform:scaleX(1)}
.legal-navigation a[aria-current=page]{color:var(--ink)}
.legal-heading{margin-bottom:42px}
.legal-heading h1{font:400 clamp(44px,5vw,60px)/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:18px}
.legal-date{font-size:13px;line-height:1.6;color:var(--muted)}
.legal-copy{font-size:16px;line-height:1.8}
.legal-copy section{margin-top:32px}
.legal-copy h2{font:400 26px/1.25 var(--serif);letter-spacing:-.01em;margin-bottom:12px}
.legal-copy p+p{margin-top:14px}
.legal-copy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.legal-copy a:hover{color:#496b86}
@media(max-width:640px){
 .legal-page main{padding:122px var(--header-gutter) 76px}
 .legal-navigation{margin-bottom:32px}
 .legal-heading{margin-bottom:32px}
 .legal-heading h1{font-size:44px}
 .legal-copy{font-size:15px;line-height:1.75}
 .legal-copy h2{font-size:24px}
 .legal-copy section{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.legal-navigation a::after{transition:none}}
