.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 32px 60px;
  line-height: 1.6;
}
@media (max-width: 640px) {
  .legal { padding: 20px 16px 40px; }
  .legal h1 { font-size: 22px; }
}
.legal h1 { font-size: 26px; margin-bottom: 4px; }
.legal h2 { font-size: 17px; margin-top: 28px; margin-bottom: 8px; }
.legal p { color: var(--text); font-size: 14px; margin: 0 0 12px; }
.legal a { color: var(--accent); }
header .logo a { color: inherit; text-decoration: none; }
footer a { color: var(--muted); text-decoration: underline; }