/* ============================================================
   Madame Chill Global Limited — legal stylesheet
   Used ONLY by privacy.html and terms-of-service.html
   Dark theme: deep ice background, snow white text, frost mint accents
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

.legal-page {
  margin: 0;
  padding: 0;
  background-color: #0E1B2A;
  color: #F2F7F7;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.legal-page a { color: #5FD0C0; text-decoration: none; }
.legal-page a:hover { color: #F2F7F7; text-decoration: underline; }

/* ----- legal page header (header element, never a section) ----- */
.legal-header { background-color: #08121E; border-bottom: 1px solid #5FD0C0; padding: 40px 0 32px; }
.legal-header .inner { max-width: 980px; margin: 0 auto; padding: 0 24px; }
.legal-brand { font-family: "Space Grotesk", "Inter", sans-serif; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: 14px; color: #5FD0C0; }
.legal-brand:hover { color: #F2F7F7; text-decoration: none; }
.legal-header h1 { color: #F2F7F7; font-family: "Space Grotesk", "Inter", sans-serif; font-size: 42px; line-height: 1.2; margin-top: 18px; font-weight: 700; }
.legal-meta { color: #8FA3B8; font-size: 14px; margin-top: 10px; }

/* ----- intro band ----- */
.legal-intro { max-width: 980px; margin: 0 auto; padding: 36px 24px 8px; color: #B9C6D6; }

/* ----- table of contents (class selectors only) ----- */
.toc { max-width: 980px; margin: 24px auto 0; padding: 28px 24px; background-color: #16283C; border: 1px solid #22384F; border-radius: 12px; }
.toc-title { font-family: "Space Grotesk", "Inter", sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: .16em; color: #5FD0C0; margin-bottom: 16px; }
.toc-list { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 28px; padding: 0; margin: 0; }
.toc-list li { margin: 0; }
.toc-list a { color: #B9C6D6; font-size: 14px; line-height: 1.7; }
.toc-list a:hover { color: #5FD0C0; text-decoration: none; }

/* ----- main content ----- */
.legal-content { max-width: 980px; margin: 0 auto; padding: 40px 24px 0; }

/* scope isolation: legal sections must never inherit page background bands */
.legal-page .legal-content section { background-color: transparent !important; }

.legal-content section { padding: 8px 0 12px; }
.legal-content h2 {
  color: #5FD0C0;
  font-family: "Space Grotesk", "Inter", sans-serif;
  font-size: 28px;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid #22384F;
  scroll-margin-top: 24px;
}
.legal-content section:first-of-type h2 { margin-top: 0; border-top: none; padding-top: 0; }
.legal-content h3 { color: #F2F7F7; font-family: "Space Grotesk", "Inter", sans-serif; font-size: 20px; margin-top: 26px; }
.legal-content p { color: #B9C6D6; margin: 16px 0; }
.legal-content ul, .legal-content ol { color: #B9C6D6; margin: 14px 0 14px 22px; padding: 0; }
.legal-content li { margin: 8px 0; }
.legal-content strong { color: #F2F7F7; font-weight: 600; }

/* ----- legal footer with link back to the homepage ----- */
.legal-footer { background-color: #08121E; border-top: 1px solid #22384F; margin-top: 64px; padding: 36px 24px 40px; text-align: center; }
.back-home { display: inline-block; font-family: "Space Grotesk", "Inter", sans-serif; font-weight: 600; font-size: 15px; color: #5FD0C0; border: 2px solid #5FD0C0; border-radius: 999px; padding: 12px 28px; }
.back-home:hover { background-color: #5FD0C0; color: #08121E; text-decoration: none; }
.legal-footer .legal-line { color: #8FA3B8; font-size: 14px; margin: 18px 0 0; }

/* ----- responsive ----- */
@media (max-width: 700px) {
  .toc-list { grid-template-columns: 1fr; }
  .legal-header h1 { font-size: 32px; }
  .legal-content h2 { font-size: 24px; }
}