/* Shared styling for the legal pages (terms.html, privacy.html). */
.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: 96px 24px 64px;
}
.legal .brand-link {
  font-family: var(--mono);
  color: var(--accent);
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
}
.legal h1 {
  font-family: var(--font-heading);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 700;
  letter-spacing: -1px;
  margin-top: 28px;
}
.legal .updated {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 13px;
  margin-top: 12px;
}
.legal h2 {
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 700;
  margin-top: 40px;
}
.legal p, .legal li {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
  margin-top: 14px;
}
.legal ul { padding-left: 22px; }
.legal a { color: var(--accent); text-decoration: none; }
.legal a:hover { text-decoration: underline; }