/* Shared styles for the legal pages (/privacy, /terms). Pairs with /assets/style.css. */
.legal{max-width:820px;margin:0 auto;padding:64px 24px 24px}
.legal h1{font-size:clamp(30px,5vw,44px);color:var(--ink);letter-spacing:-.02em;margin:0 0 6px}
.legal .updated{color:var(--muted);font-size:14px;margin:0 0 36px}
.legal section{margin:30px 0}
.legal h2{font-size:22px;color:var(--ink);margin:34px 0 12px}
.legal h3{font-size:16px;color:var(--ink);margin:22px 0 8px}
.legal p{color:var(--muted);margin:0 0 14px;line-height:1.7}
.legal ul{color:var(--muted);padding-left:22px;margin:0 0 14px;line-height:1.7}
.legal li{margin:6px 0}
.legal strong{color:var(--ink)}
.legal a{color:var(--amber)}
.legal .contact{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:8px}
.legal .contact p{margin:4px 0}
.legal .end{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}