/* Terms, Privacy and Refunds pages (landing/legal/*.html), on top of landing.css. */
.legal { max-width: 46em; padding-block: clamp(36px, 6vw, 72px) clamp(56px, 8vw, 96px); }
.legal .eyebrow { margin-bottom: 12px; }
.legal h1 { font-size: clamp(40px, 5vw, 60px); }
.legal .updated { margin-top: 14px; font-size: 14px; color: var(--muted); }
.legal .summary { margin-top: 28px; padding: 16px 18px; border-left: 3px solid var(--accent); background: var(--accent-soft); }
.legal h2 { margin-top: 40px; padding-top: 14px; border-top: 1px solid var(--line); font-size: clamp(24px, 2.4vw, 30px); }
.legal p, .legal ul { margin-top: 12px; }
.legal ul { padding-left: 22px; list-style: disc; }
.legal li { margin-top: 6px; }
.legal a { color: var(--accent); }
.legal table { width: 100%; margin-top: 14px; border-collapse: collapse; font-size: 15px; }
.legal th, .legal td { padding: 8px 10px 8px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.legal th { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); border-bottom-color: var(--ink); }
.legal-nav { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 22px; font-size: 15px; font-weight: 600; }
.legal-nav a { text-decoration: none; }
.legal-nav a[aria-current="page"] { color: var(--ink); }
.footer-links { display: flex; gap: 18px; flex-wrap: wrap; }
.footer-links a { text-decoration: none; }
.footer-links a:hover { color: var(--accent); }