/* ════════════════════════════════
   LEGAL PAGES (privacy.html, terms.html)
════════════════════════════════ */
.legal__container {
  max-width: 780px;
  padding-top: 48px;
  padding-bottom: 80px;
}

.legal__header {
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1.5px solid #e0e0e0;
}

.legal__title {
  font-size: 2.2rem;
  font-weight: 800;
  font-family: 'Georgia', serif;
  color: #1a1a1a;
  margin-bottom: 8px;
}

.legal__meta {
  font-size: 0.82rem;
  font-family: 'Arial', sans-serif;
  color: #888;
}

/* ── Body typography ── */
.legal__body { font-family: 'Arial', sans-serif; color: #333; }

.legal__body p {
  font-size: 0.95rem;
  line-height: 1.85;
  color: #333;
  margin-bottom: 18px;
}

.legal__body h2 {
  font-size: 1.15rem;
  font-weight: 700;
  font-family: 'Georgia', serif;
  color: #1a1a1a;
  margin: 36px 0 12px;
}

.legal__body h2:first-child { margin-top: 0; }

.legal__body ul {
  padding-left: 22px;
  margin-bottom: 18px;
}

.legal__body li {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #333;
  margin-bottom: 6px;
}

.legal__body a {
  color: #004AAD;
  text-decoration: none;
}

.legal__body a:hover { text-decoration: underline; }

.legal__body strong { font-weight: 700; color: #1a1a1a; }

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media (max-width: 768px) {
  .legal__container { padding-top: 32px; padding-bottom: 56px; }
  .legal__title     { font-size: 1.8rem; }
  .legal__body h2   { font-size: 1.05rem; }
}

@media (max-width: 480px) {
  .legal__title     { font-size: 1.5rem; }
}