/* Legal pages (refunds, terms, privacy). Sits on top of styles.css. */
.legal-page { padding: 120px 0 40px; }
.legal-page .doc { max-width: 760px; margin: 0 auto; }
.legal-page h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.2; margin: 0 0 14px; }
.legal-page .updated { font-family: var(--mono); font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 36px; }
.legal-page h2 { font-size: 20px; line-height: 1.35; letter-spacing: 0.04em; margin: 40px 0 12px; }
.legal-page p, .legal-page li { color: #c4d3db; }
.legal-page ul { margin: 0 0 1em; padding-left: 1.2em; }
.legal-page li { margin-bottom: 8px; }
.legal-page .note { border: 1px solid var(--line-2); background: var(--glass); border-radius: var(--radius); padding: 18px 22px; margin: 0 0 28px; color: #dbe6ec; }
.legal-page .back { display: inline-block; margin-top: 28px; }
.footer-links a[aria-current="page"] { color: #fff; }
@media (max-width: 640px) { .legal-page { padding: 96px 0 24px; } }