/* ============================================================
   css/legal.css — Legal pages only (privacy, terms-of-service)
   Matches the LIGHT carton-paper moving carton theme.
   Strong-contrast text. Dark header band with light title.
   ============================================================ */

/* scope isolation: legal-page content only, never header/footer */
.legal-page .legal-content section { background-color: transparent !important; }

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background-color: #F5F2EA;          /* carton-paper */
  color: #5C5347;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.72;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a { color: #C05A2E; }
a:hover { color: #7A3A1E; text-decoration: underline; }

/* Dark solid header with strong contrast title (never a <section>) */
.legal-header {
  background-color: #2E2620;         /* strapping brown band */
  padding: 46px 0 40px;
}
.legal-header .head-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 28px;
}
.legal-header .back-home {
  display: inline-block;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #C9C2B4;
  margin-bottom: 20px;
}
.legal-header .back-home:hover { color: #E4C391; }
.legal-header h1 {
  font-family: Georgia, serif;
  font-size: clamp(34px, 5.5vw, 52px);
  font-weight: 700;
  color: #FBF8F1;                    /* light title on dark bg — strong contrast */
  line-height: 1.08;
  max-width: 20ch;
}
.legal-header .org-line {
  margin-top: 16px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 15px;
  letter-spacing: 0.05em;
  color: #C9C2B4;
}
.legal-header .org-line b { color: #E4C391; }
.updated-rule {
  margin-top: 22px;
  width: 120px;
  height: 4px;
  background-color: #C05A2E;
}

/* Content */
.legal-content {
  padding: 46px 0 70px;
}
.legal-content .content-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 32px;
}
.intro-block {
  background-color: #EEE8D8;
  border-left: 4px solid #C05A2E;
  padding: 22px 26px;
  margin-bottom: 44px;
  font-size: 19px;
  color: #463A2E;
}
.legal-content .toc-nav {
  background-color: #FBF8F1;
  border: 1px solid #C9BFAB;
  padding: 26px 28px;
  margin-bottom: 50px;
}
.legal-content .toc-nav h2 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #2E2620;
  margin-bottom: 16px;
}
.legal-content .toc-nav ol {
  padding-left: 20px;
  column-count: 2;
  column-gap: 36px;
}
.legal-content .toc-nav li {
  margin-bottom: 6px;
  color: #6E5A3E;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 13px;
}
.legal-content .toc-nav a { color: #C05A2E; }
.legal-content .toc-nav a:hover { color: #7A3A1E; }

.legal-content section { margin-bottom: 42px; }
.legal-content section h2 {
  font-size: 26px;
  color: #2E2620;
  font-family: Georgia, serif;
  margin-bottom: 8px;
  padding-top: 8px;
}
.legal-content section .sec-no {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #C05A2E;
  font-weight: 700;
  display: block;
  margin-bottom: 2px;
}
.legal-content section h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  background-color: #C05A2E;
  margin-top: 12px;
  margin-bottom: 18px;
}
.legal-content section p {
  margin: 12px 0;
  color: #3E362E;
}
.legal-content section p b { color: #2E2620; }
.legal-content section ul {
  margin: 12px 0 14px 22px;
  color: #3E362E;
}
.legal-content section ul li { margin: 8px 0; }
.legal-content section ul li::marker { color: #C05A2E; }
.legal-content section a { color: #C05A2E; }

.legal-footer {
  background-color: #EEE8D8;
  border-top: 3px solid #C05A2E;
  padding: 30px 0 40px;
}
.legal-footer .footer-wrap {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 32px;
}
.legal-footer .home-link {
  display: inline-block;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2E2620;
  border: 2px solid #2E2620;
  padding: 10px 22px;
}
.legal-footer .home-link:hover { background-color: #C05A2E; border-color: #C05A2E; color: #FBF8F1; }
.legal-footer .company {
  margin-top: 20px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 13px;
  color: #6E5A3E;
}

/* responsive */
@media (max-width: 760px) {
  .legal-content .toc-nav ol { column-count: 1; }
  .legal-header { padding: 32px 0 30px; }
  .legal-content .content-wrap { padding: 0 20px; }
  .legal-footer .footer-wrap { padding: 0 20px; }
}