@layer components{.legal{max-width:720px;padding:40px 0 72px}.legal h1{margin-top:0;font-size:clamp(36px,5vw,48px)}.legal-date{color:var(--soft);margin-top:12px;font-size:14px}.legal h2{letter-spacing:-.02em;margin-top:40px;font-size:22px}.legal p{color:var(--muted);margin-top:14px}.legal-date+p{color:var(--text);margin-top:32px}.legal a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.legal a:hover{color:var(--red)}.legal h3{color:var(--text);margin:28px 0 0;font-size:17px;font-weight:600}.legal p.legal-callout{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:14px 16px}}