/* Privacy and refund pages: one readable column on the same black and white look. */
.legal { max-width: 720px; margin: 0 auto; padding: 56px var(--gutter) 40px; }
.legal h1 { font-size: clamp(2rem, 6vw, 2.8rem); }
.legal .updated { margin-top: 10px; color: var(--muted); font-size: 0.9rem; }
.legal h2 { margin-top: 40px; font-size: 1.3rem; letter-spacing: -0.02em; }
.legal p, .legal li { margin-top: 12px; color: var(--soft); }
.legal ul { margin-top: 4px; }
.legal li { position: relative; padding-left: 18px; }
.legal li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
.legal strong { color: var(--text); font-weight: 600; }
.legal .key { margin-top: 28px; padding: 18px 20px; border: 1px solid var(--line-strong); border-radius: var(--radius); color: var(--text); font-size: 1.08rem; }
.legal a { text-decoration: underline; text-underline-offset: 3px; }