/* Overrides + additions on top of site.css, specific to legal document pages (privacy/terms) */

.section{padding:clamp(56px,9vw,96px) 0}

.legal{max-width:74ch;margin:0 auto}
.legal .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:14px}
.legal h1{font-size:clamp(30px,4.5vw,44px);margin-bottom:10px}
.legal .updated{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:16px}
.legal .lede{color:var(--ink-2);font-size:16px;max-width:60ch;margin-bottom:44px}
.legal h2{font-size:20px;margin:0 0 14px;padding-top:32px;border-top:1px solid var(--border)}
.legal section:first-of-type h2{padding-top:0;border-top:0}
.legal p{color:var(--ink-2);font-size:15.5px;line-height:1.75;margin-bottom:14px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{color:var(--ink-2);font-size:15.5px;line-height:1.75;margin-bottom:6px}
.legal .contact-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-top:8px}
.legal .contact-block div{font-size:14.5px;color:var(--ink-2);margin-bottom:6px}
.legal .contact-block a{color:var(--accent-deep);text-decoration:underline}
.legal .back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-2);margin-bottom:32px}
.legal .back:hover{color:var(--ink)}