/* Shared styling for /privacy and /terms — plain, readable text pages.
 * No JS, no dynamic content, deliberately boring: these are legal reference
 * pages, not marketing surfaces. */

.legal-body { background: #fff; color: var(--navy); }

.legal-header {
  padding: 20px 24px; border-bottom: 1px solid var(--slate-200);
}
.legal-logo {
  font-family: var(--font-display); font-weight: var(--weight-black);
  font-size: 1.1rem; color: var(--crimson); text-decoration: none;
}

.legal-main {
  max-width: 720px; margin: 0 auto; padding: 40px 24px 80px;
  line-height: 1.65; font-size: 0.95rem;
}
.legal-main h1 {
  font-family: var(--font-display); font-weight: var(--weight-black);
  font-size: 1.8rem; margin: 0 0 6px;
}
.legal-updated { color: var(--slate-400); font-size: 0.82rem; margin: 0 0 32px; }
.legal-main h2 {
  font-family: var(--font-display); font-weight: var(--weight-display);
  font-size: 1.15rem; margin: 32px 0 10px;
}
.legal-main p, .legal-main li { color: var(--slate-500); }
.legal-main strong { color: var(--navy); }
.legal-main ul { padding-left: 20px; }
.legal-main li { margin-bottom: 8px; }
.legal-main a { color: var(--crimson); }