/* Legal pages share the homepage shell and typography, with a readable prose column. */
.legal-page{padding:72px var(--gutter) 96px}
.legal-container{max-width:760px;margin:0 auto}
.legal-header{padding-bottom:36px;border-bottom:1px solid var(--rule)}
.legal-header .eyebrow{margin-bottom:20px}
.legal-header h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6vw,72px);line-height:1.05;letter-spacing:-.025em;text-wrap:balance;margin-bottom:20px}
.legal-updated{font-size:13px;color:var(--muted);margin-bottom:24px}
.legal-intro{font-size:20px;line-height:1.6;color:var(--ink-3)}
.legal-body h2{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:44px 0 16px;text-wrap:pretty}
.legal-body p,.legal-body li{font-size:17px;line-height:1.7;color:var(--ink-3)}
.legal-body p{margin-bottom:16px}
.legal-body ul,.legal-body ol{padding-left:24px;margin:0 0 20px}
.legal-body li{margin-bottom:10px}
.legal-body li::marker{color:var(--green)}
.legal-body strong{color:var(--ink);font-weight:600}
.legal-page a:not(.btn){color:var(--green);text-underline-offset:3px;overflow-wrap:anywhere}
.legal-page a:not(.btn):hover{color:var(--green-dark)}
/* 404.html borrows this layout for its heading and one button. */
.not-found-action{margin-top:36px}
.legal-contact{border-top:1px solid var(--rule);margin-top:48px;padding-top:32px}
.legal-contact h2{margin-top:0}
.legal-contact p:last-child{margin-bottom:0}
@media(max-width:700px){
 .legal-page{padding-top:40px;padding-bottom:64px}
 .legal-header{padding-bottom:28px}
 .legal-header .eyebrow{margin-bottom:16px}
 .legal-intro{font-size:18px}
 .legal-body h2{font-size:28px;margin-top:36px}
 .legal-body p,.legal-body li{font-size:16px;line-height:1.65}
 .legal-contact{margin-top:36px;padding-top:28px}
 .legal-contact h2{margin-top:0}
}