/* Legal pages (privacy.html, legal.html) — reuse the site tokens from styles.css */
.legal { padding: calc(var(--nav-h) + 3rem) 0 5rem; background: var(--white); }
.legal-wrap { max-width: 760px; }
.legal .h1 { margin: .4rem 0 .6rem; }
.legal-meta { color: var(--muted); font-size: .92rem; border-bottom: 1px solid var(--border); padding-bottom: 1.25rem; margin-bottom: 2rem; }
.legal h2 { font-size: 1.55rem; margin: 2.2rem 0 .6rem; color: var(--navy); }
.legal p, .legal li { font-size: 1.02rem; line-height: 1.65; color: var(--ink); }
.legal ul { padding-left: 1.2rem; list-style: disc; margin-bottom: 1em; }
.legal li { margin-bottom: .5rem; }
.legal a { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--brass); }
.legal code { font-family: ui-monospace, Consolas, monospace; font-size: .9em; background: var(--cream); padding: .1em .35em; }
.legal-back { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); color: var(--muted); }
.footer-bottom a { color: inherit; }
.footer-bottom a:hover { color: var(--cream); }