/* ============================================================
   LEGAL PAGE — simple prose layout
   ============================================================ */
.legal-wrap { max-width: var(--container); margin: 0 auto; padding: 40px 20px 60px; }

.legal-header { margin-bottom: 30px; }
.legal-title {
  font-family: var(--font-display); font-size: clamp(28px, 6vw, 40px);
  font-weight: 800; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 8px;
}
.legal-updated { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--t3); }

.legal-section { margin-bottom: 30px; }
.legal-section h2 {
  font-family: var(--font-display); font-size: var(--text-xl); font-weight: 800; margin-bottom: 10px;
}
.legal-section p {
  font-size: var(--text-base); color: var(--t2); line-height: 1.65; margin-bottom: 12px;
}
.legal-section p:last-child { margin-bottom: 0; }

.site-footer-legal { text-decoration: underline; text-underline-offset: 2px; }
.site-footer-legal:hover { color: var(--t1); }