.legal { padding: 70px 0 100px; }
.legal-content { max-width: 720px; }
.legal-content h1 { font-size: clamp(2rem, 4vw, 2.6rem); margin-bottom: 32px; }
.legal-content h2 {
  font-size: 1.15rem;
  margin: 36px 0 12px;
  color: var(--ink);
}
.legal-content p { margin-bottom: 14px; }
.legal-content ul { margin: 0 0 14px; padding-left: 22px; color: var(--ink-dim); }
.legal-content li { margin-bottom: 6px; }
.legal-content a { color: var(--accent); }
.legal-content a:hover { text-decoration: underline; }
.legal-back { margin-top: 48px; }

.footer-links { display: flex; gap: 20px; }
.footer-links a { color: var(--ink-dim); }
.footer-links a:hover { color: var(--ink); }

@media (max-width: 720px) {
  .footer-inner { flex-direction: column; gap: 12px; align-items: flex-start; }
}