/* LEGAL PAGES — built on the same tokens/scale as style.css */

.legal { display: flex; flex-direction: column; align-items: center; padding: 168px 0 100px; }
.legal-inner { width: 860px; max-width: 100%; box-sizing: border-box; padding: 0 28px; }

.legal-h1 { font-family: var(--font-head); font-weight: 700; font-size: 44px; line-height: 1.08; letter-spacing: -1.1px; color: var(--ink); margin-bottom: 12px; }
.legal-updated { font-family: var(--font-mono); font-weight: 500; font-size: 12.5px; letter-spacing: 0.4px; color: var(--muted); text-transform: uppercase; margin-bottom: 48px; }

.legal-body h2 { font-family: var(--font-head); font-weight: 600; font-size: 24px; letter-spacing: -0.4px; color: var(--ink); margin: 44px 0 14px; }
.legal-body h2:first-child { margin-top: 0; }
.legal-body p { font-weight: 400; font-size: 16px; line-height: 1.65; color: var(--ink-soft); margin: 0 0 14px; max-width: 68ch; }
.legal-body ul { list-style: disc; padding-left: 22px; margin: 0 0 14px; display: block; }
.legal-body li { font-weight: 400; font-size: 16px; line-height: 1.65; color: var(--ink-soft); margin-bottom: 8px; max-width: 66ch; }
.legal-body a { color: var(--accent); text-decoration: underline; }
.legal-body strong { color: var(--ink); font-weight: 600; }

.legal-note { margin-top: 40px; padding: 18px 22px; border-radius: 14px; background: var(--bg); border: 1px solid var(--border); font-family: var(--font-mono); font-size: 12.5px; line-height: 1.6; color: var(--muted); }

@media (max-width: 767px) {
  .legal { padding: 96px 0 56px; }
  .legal-h1 { font-size: 32px; }
}