/* ===========================================================
   LEGAL PAGES — Privacy Policy, Terms, Refund Policy, Disclaimer
=========================================================== */
.legal-content {
  max-width: 820px;
  margin: 0 auto;
  padding: 70px 0 100px;
}
.legal-content .updated-date {
  color: var(--text-muted);
  font-size: 13.5px;
  margin-bottom: 40px;
  display: inline-block;
  background: rgba(20,201,183,0.08);
  padding: 6px 14px;
  border-radius: 100px;
}
.legal-content h2 {
  font-size: 22px;
  margin-top: 38px;
  margin-bottom: 14px;
}
.legal-content h2:first-of-type { margin-top: 0; }
.legal-content p {
  color: var(--text-muted);
  font-size: 15px;
  margin-bottom: 14px;
  line-height: 1.8;
}
.legal-content ul {
  margin-bottom: 14px;
  padding-left: 4px;
}
.legal-content ul li {
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.8;
  padding-left: 22px;
  position: relative;
  margin-bottom: 8px;
}
.legal-content ul li::before {
  content: "•";
  color: var(--teal-dark);
  font-weight: 800;
  position: absolute;
  left: 4px;
}
.legal-content a { color: var(--teal-dark); font-weight: 600; text-decoration: underline; }
.legal-nav-links {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 46px;
  padding-top: 30px; border-top: 1px solid var(--border);
}
.legal-nav-links a {
  font-size: 13.5px; font-weight: 600; color: var(--navy-800);
  background: var(--bg); border: 1px solid var(--border);
  padding: 8px 16px; border-radius: 100px;
}
.legal-nav-links a:hover { border-color: var(--teal); color: var(--teal-dark); }

/* Small legal links row used in simple footers site-wide */
.footer-legal-row {
  display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: center;
  margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 12.5px;
}
.footer-legal-row a { color: rgba(255,255,255,0.55); }
.footer-legal-row a:hover { color: var(--teal); }