.legal { max-width: 760px; margin: 0 auto; padding: 1rem 0 3rem; line-height: 1.6; }
.legal h1 { margin: 0 0 .4rem; }
.legal h2 { margin: 1.8rem 0 .4rem; font-size: 1.15rem; }
.legal ul { padding-left: 1.2rem; }
.legal a { color: inherit; text-decoration: underline; }
.legal-meta { color: #6b6a67; margin: 0 0 1rem; }
.legal-note { padding: .6rem .8rem; border: 1px solid var(--border-strong); background: var(--accent-soft); font-size: .92rem; }
.legal-dl { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1.2rem; }
.legal-dl dt { font-weight: 600; }
.legal-dl dd { margin: 0; }
.legal form { display: flex; flex-direction: column; max-width: 520px; }
.legal form label { margin-top: .9rem; }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Buttons that are links inside a legal/info page keep their own colors */
.legal a.primary-btn, .legal a.secondary-btn { text-decoration: none; }
.legal a.primary-btn { color: var(--white); }
.legal a.primary-btn:hover { color: var(--black); }
.legal a.secondary-btn { color: var(--text); }