/* ===== Legal Page Styles ===== */

.legal-page {
  padding-top: 68px;
  background-color: #FBF7F2;
}

.legal-page section {
  background-color: transparent !important;
}

.legal-container {
  max-width: 820px;
  margin: 0 auto;
  padding: 3rem 2rem 4rem;
}

.legal-page-title {
  font-size: 2.4rem;
  color: #1B1638;
  margin-bottom: 0.4rem;
  text-align: center;
}

.legal-last-updated {
  text-align: center;
  color: #4A5578;
  font-size: 0.9rem;
  margin-bottom: 2.5rem;
}

/* ===== Table of Contents ===== */
nav.toc {
  background: #FFFFFF;
  border: 1px solid #E0D8CC;
  border-radius: 12px;
  padding: 1.8rem 2rem;
  margin-bottom: 3rem;
}

nav.toc h2 {
  font-size: 1.2rem;
  color: #1B1638;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

nav.toc ol {
  list-style-position: inside;
  columns: 2;
  column-gap: 2rem;
}

nav.toc ol li {
  margin-bottom: 0.45rem;
  break-inside: avoid;
}

nav.toc ol li a {
  color: #4A5578;
  font-size: 0.92rem;
  transition: color 0.2s ease;
}

nav.toc ol li a:hover {
  color: #D4943C;
}

/* ===== Legal Content ===== */
.legal-content h2 {
  font-size: 1.5rem;
  color: #1B1638;
  margin-top: 2.5rem;
  margin-bottom: 0.9rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #F3EDE2;
}

.legal-content h2:first-of-type {
  margin-top: 0;
}

.legal-content h3 {
  font-size: 1.1rem;
  color: #2D2340;
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
}

.legal-content p {
  color: #4A5578;
  line-height: 1.75;
  margin-bottom: 1.1rem;
}

.legal-content ul,
.legal-content ol {
  margin-bottom: 1.1rem;
  padding-left: 1.5rem;
  color: #4A5578;
}

.legal-content ul li,
.legal-content ol li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

.legal-content strong {
  color: #1B1638;
}

.legal-content a {
  color: #D4943C;
}

.legal-content a:hover {
  color: #C47A4A;
  text-decoration: underline;
}

.legal-back-home {
  display: inline-block;
  margin-top: 2.5rem;
  padding: 0.75rem 1.8rem;
  background-color: #D4943C;
  color: #1B1638 !important;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.95rem;
  transition: background-color 0.25s ease;
}

.legal-back-home:hover {
  background-color: #B87A2E;
  color: #1B1638 !important;
}

/* ===== Legal Footer ===== */
.legal-footer {
  background-color: #1B1638;
  color: #FBF7F2;
  text-align: center;
  padding: 2rem;
  font-size: 0.85rem;
}

.legal-footer a {
  color: #D4943C;
}

.legal-footer a:hover {
  color: #C47A4A;
}

/* ===== Mobile ===== */
@media (max-width: 900px) {
  .legal-container {
    padding: 2rem 1.2rem 3rem;
  }

  .legal-page-title {
    font-size: 1.8rem;
  }

  nav.toc ol {
    columns: 1;
  }

  .legal-content h2 {
    font-size: 1.3rem;
  }
}