/* ============================================================
   legal.css — Terms and Privacy pages
   Used by: legal/terms.html, legal/privacy.html
   ============================================================ */

/* Override shared.css body for narrow document layout */
body {
  padding: var(--space-xl) var(--space-md) var(--space-64);
  max-width: 720px;
  margin: 0 auto;
}

.logo {
  font-family: var(--font-serif);
  font-size: var(--text-xl);
  color: var(--accent);
  margin-bottom: 2rem;
  display: block;
  text-decoration: none;
}

h1 {
  font-size: var(--text-disp-3);
  margin-bottom: 0.5rem;
}

.date {
  color: var(--muted);
  font-size: var(--text-base);
  margin-bottom: var(--space-40);
}

h2 {
  font-size: var(--text-xl);
  margin: var(--space-xl) 0 var(--space-12);
}

p, li {
  font-size: var(--text-rg);
  color: var(--muted);
  margin-bottom: 0.75rem;
}

ul {
  padding-left: 1.5rem;
}

hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 2rem 0;
}