.legal-page { background:var(--cream); }
.legal-header { position:static; }
.legal-main { width:min(860px,calc(100% - 30px)); margin:0 auto; padding:72px 0 100px; }
.legal-intro { padding:35px; border:1px solid var(--line); border-radius:var(--radius-xl); background:linear-gradient(145deg,#fff,#edf5e9); box-shadow:var(--soft-shadow); }
.legal-intro h1 { max-width:760px; margin:0; font-size:clamp(43px,6vw,66px); line-height:1; letter-spacing:-.065em; }
.legal-intro p { max-width:680px; margin:19px 0 0; color:#587063; font-size:15px; line-height:1.7; }
.legal-meta { margin-top:19px; display:flex; flex-wrap:wrap; gap:8px; }
.legal-meta span { padding:7px 10px; border-radius:999px; color:var(--forest); background:var(--mint); font-size:8px; font-weight:700; }
.legal-content { margin-top:36px; }
.legal-content section { padding:29px 4px; border-bottom:1px solid var(--line); }
.legal-content h2 { margin:0; font-size:25px; letter-spacing:-.04em; }
.legal-content h3 { margin:25px 0 0; font-size:16px; }
.legal-content p,.legal-content li { color:#5b7063; font-size:13px; line-height:1.75; }
.legal-content ul { padding-left:20px; }
.legal-content a { color:var(--green); }
.legal-callout { margin-top:18px; padding:17px 19px; border-left:3px solid var(--green); border-radius:0 13px 13px 0; background:var(--mint); }
.legal-callout p { margin:0; color:var(--ink-2); }
@media(max-width:720px){.legal-main{padding-top:38px}.legal-intro{padding:25px 20px}.legal-content section{padding-inline:2px}}

.legal-nav{display:flex}.legal-footer-bottom{margin-top:0}
@media(max-width:720px){.legal-nav{display:flex;position:static;padding:0;border:0;box-shadow:none;background:transparent}.legal-nav a{display:none}}