/* =============================================================
   ADVANCED MOWING — LEGAL PAGES (legal.css only)
   Privacy Policy + Terms of Service
   ============================================================= */

.legal-page {
  background-color: #0C130F;
  color: #F0ECD8;
}

.legal-page .legal-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}

.legal-header {
  background-color: #14211A;
  border-bottom: 4px solid #46544B;
  padding: 60px 0;
}

.legal-header .legal-wrap h1 {
  color: #F0ECD8;
  font-size: 44px;
  line-height: 1.15;
  margin: 0 0 10px;
}

.legal-header .legal-wrap .legal-eyebrow {
  color: #B9A879;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.legal-header .legal-wrap a {
  color: #9ACD3C;
}

/* table of contents */
.legal-toc {
  border: 1px solid #46544B;
  background-color: #1E2C23;
  padding: 24px 28px;
  margin: 44px auto;
}

.legal-toc h2 {
  color: #F0ECD8;
  font-size: 24px;
}

.legal-toc ol { padding-left: 0; list-style: none; columns: 2; column-gap: 40px; }

.legal-toc li { margin: 8px 0; }

.legal-toc a, .legal-back a { color: #9ACD3C; }
.legal-toc a:hover, .legal-back a:hover { color: #F0ECD8; }

/* Isolation guard for intrinsic section spacing */
.legal-page .legal-content section {
  background: transparent;
  padding: 0;
  margin: 0 0 44px;
}

.legal-page .legal-content h2 {
  color: #F0ECD8;
  font-size: 30px;
  padding-bottom: 12px;
  border-bottom: 3px solid #9ACD3C;
  margin-bottom: 18px;
}

.legal-page .legal-content h3 { color: #F0ECD8; font-size: 22px; }

.legal-page .legal-content p,
.legal-page .legal-content li {
  color: #F0ECD8;
  font-size: 17px;
  line-height: 1.85;
}

.legal-page .legal-content ul { padding-left: 26px; }

.legal-page strong { color: #F0ECD8; }

.contact-line {
  border: 1px solid #46544B;
  background-color: #1E2C23;
  padding: 20px 24px;
}

.contact-line .phone { color: #F0ECD8; letter-spacing: 1px; }
.contact-line .email { color: #9ACD3C; }

.legal-footer {
  border-top: 3px solid #46544B;
  margin-top: 60px;
  padding: 34px 0;
}

.legal-footer .legal-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  color: #F0ECD8;
}

.legal-footer a { color: #9ACD3C; font-weight: 700; }

.legal-back {
  margin-top: 34px;
  font-weight: 700;
}