/* Long-form legal pages. Scoped to .legal so the landing-page type scale stays untouched. */
.legal{max-width:70ch;margin:0 auto;padding:48px 22px 96px;color:var(--ink)}
.legal .label{color:var(--muted)}
.legal h1{font-size:clamp(40px,6vw,64px);letter-spacing:-2px;line-height:1.05;margin-bottom:14px}
.legal h2{font-size:24px;letter-spacing:-.6px;line-height:1.25;margin:52px 0 14px;scroll-margin-top:24px}
.legal h3{font-size:17px;font-weight:600;letter-spacing:-.2px;margin:28px 0 8px}
.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--muted)}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal li::marker{color:var(--ink)}
.legal strong{color:var(--ink);font-weight:600}
.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:4px;padding:1px 5px;white-space:nowrap}
.legal a{color:var(--ink);text-decoration:underline;text-decoration-color:#6c8a3d;text-decoration-thickness:1.5px;text-underline-offset:3px}
.legal a:hover{text-decoration-color:currentColor}
.legal .updated{font-size:14px;margin-bottom:32px}
.legal .table-wrap{overflow-x:auto;margin:6px 0 18px;border:1px solid var(--line);border-radius:8px}
.legal table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}
.legal th,.legal td{text-align:left;vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--line)}
.legal th{color:var(--ink);font-weight:600;background:color-mix(in srgb,var(--ink) 4%,transparent)}
.legal td{color:var(--muted)}
.legal tr:last-child td{border-bottom:0}
.legal .choices{display:inline-block;margin:4px 0 18px;padding:12px 18px;border:1px solid var(--line);border-radius:7px;font-size:15px;font-weight:500;text-decoration:none}
.legal .choices:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.legal address{font-style:normal;font-size:16px;line-height:1.7;color:var(--muted)}
.legal blockquote{margin:6px 0 18px;padding:14px 18px;border-left:3px solid #6c8a3d;border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--ink) 4%,transparent)}
.legal blockquote p{margin:0;color:var(--ink)}
.legal figure{margin:12px 0 28px}
.legal figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.legal figcaption{font-size:14px;color:var(--muted);margin-top:8px}
footer .footer-top>div a[aria-current]{text-decoration:underline;text-underline-offset:3px}
html[data-appearance=dark] .legal a{text-decoration-color:var(--night-accent)}
html[data-appearance=dark] .legal a:hover{text-decoration-color:currentColor}
html[data-appearance=dark] .legal .choices{border-color:var(--night-border)}
@media(max-width:700px){.legal{padding:28px 22px 72px}.legal h2{font-size:21px;margin-top:42px}.legal p,.legal li{font-size:15px}}
