/* ============================================================
   LEGAL SHARED STYLES — Privacy Policy & Terms of Service
   J & H DEVELOPMENT COMPANY LIMITED — light vellum theme
   LIGHT vellum-paper body with dark plat-ink text (strong contrast)
   ============================================================ */

.legal-page {
  background-color: #F5F1E6;   /* light vellum-paper  */
  color: #2F2A22;              /* plat-ink text       */
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.8;
  margin: 0;
}

/* ------- LEGAL HEADER (always a header/div, never section) ------- */
.legal-page .legal-header {
  background-color: #2F2A22;          /* solid plat-ink strip   */
  color: #F5F1E6;
  padding: 30px 0;
  border-bottom: 3px solid #5B4B8A;   /* cadastral-violet accent */
}
.legal-page .legal-header .legal-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}
.legal-page .legal-header .legal-kicker {
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #D9CDB8;                     /* parcel-parch soft label */
}
.legal-page .legal-header h1 {
  font-size: 34px;
  font-weight: 700;
  color: #F5F1E6;                     /* strong contrast on dark  */
  margin: 8px 0 0;
  border: none;
  padding: 0;
}

/* ------- CONTENT CONTAINER ------- */
.legal-page .legal-content {
  max-width: 900px;
  margin: 0 auto;                     /* required centred layout  */
  padding: 0 24px 20px;               /* required padding         */
}

/* ------- CONTENT SECTIONS ------- */
.legal-page .legal-content section {
  background-color: transparent !important; /* scoped, required rule */
}
.legal-page .legal-content h2 {
  font-size: 24px;
  color: #2F2A22;                     /* dark heading, strong contrast */
  margin-top: 48px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #5B4B8A;   /* cadastral line accent */
  font-weight: 700;
}
.legal-page .legal-content h3 {
  font-size: 20px;
  color: #5B4B8A;                     /* violet subheading          */
  margin-top: 30px;
  margin-bottom: 10px;
}
.legal-page .legal-content h4 {
  font-size: 18px;
  color: #7A5C3A;
  margin-top: 24px;
  margin-bottom: 8px;
}
.legal-page .legal-content p {
  color: #3A332B;                     /* dark readable body text   */
  margin: 0 0 18px;
}
.legal-page .legal-content ul,
.legal-page .legal-content ol {
  color: #3A332B;
  margin: 0 0 20px 26px;
  padding: 0;
}
.legal-page .legal-content li {
  margin: 6px 0;
}
.legal-page .legal-content strong {
  color: #2F2A22;
  font-weight: 700;
}
.legal-page .legal-content a {
  color: #5B4B8A;                     /* violet (clearly darker than bg) */
  text-decoration: underline;
}
.legal-page .legal-content a:hover {
  color: #7A5C3A;
}

/* ------- INTRO / LEAD ------- */
.legal-page .legal-intro {
  font-size: 20px;
  color: #4A4236;
  background-color: transparent;
  padding: 8px 0 4px;
}

/* ------- LEGAL TABLE OF CONTENTS ------- */
.legal-page .toc {
  background-color: #FBF8F0;          /* solid panel card   */
  border: 1px solid #D9CDB8;
  padding: 20px 26px;
  margin: 26px 0 10px;
}
.legal-page .toc h2 {
  border: none;
  margin-top: 0;
  font-size: 20px;
}
.legal-page .toc ol {
  margin-left: 22px;
}
.legal-page .toc a {
  color: #5B4B8A;
  text-decoration: none;
}
.legal-page .toc a:hover { text-decoration: underline; color: #7A5C3A; }

/* ------- LEGAL FOOTER ------- */
.legal-page .legal-footer {
  background-color: #2F2A22;
  color: #B9B2A4;
  text-align: center;
  padding: 30px 24px;
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  font-size: 14px;
  margin-top: 40px;
}
.legal-page .legal-footer a {
  color: #F5F1E6;
  text-decoration: none;
  font-weight: 600;
}
.legal-page .legal-footer a:hover { color: #D9CDB8; }

/* ------- RESPONSIVE ------- */
@media (max-width: 720px) {
  .legal-page { font-size: 17px; }
  .legal-page .legal-header h1 { font-size: 26px; }
  .legal-page .legal-content h2 { font-size: 20px; }
}