/* ─────────────────────────────────────────────
   Legal pages (privacy policy) — plain text on the tokens and theme from base.css
   ───────────────────────────────────────────── */
.legal-wrap { width: 100%; max-width: 760px; margin: 0 auto; padding: 0 24px; }
.legal-bar { border-bottom: 1px solid var(--line); }
.legal-bar .legal-wrap { display: flex; align-items: center; justify-content: space-between; height: var(--nav-h); }
.legal-bar .brand-logo { height: 28px; width: auto; }
.legal-nav { display: flex; gap: 20px; font-size: 14px; font-weight: 600; color: var(--text-2); }
.legal-nav a:hover { color: var(--text); }

.legal { padding-top: 56px; padding-bottom: 80px; font-family: var(--font-kr); }
.legal h1 { margin: 0 0 24px; font-size: clamp(28px, 4.4vw, 36px); line-height: 1.25; letter-spacing: -.02em; }
.legal h2 { margin: 40px 0 10px; font-size: 17px; }
.legal p { margin: 0 0 12px; color: var(--text-2); font-size: 15.5px; line-height: 1.85; }
.legal a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }

.legal-foot { display: flex; justify-content: space-between; gap: 16px; padding-top: 24px; padding-bottom: 32px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.legal-foot a:hover { color: var(--text); }

@media (max-width: 640px) {
  .legal-wrap { padding: 0 16px; }
  .legal { padding-top: 36px; }
  .legal p { font-size: 15px; }
}