.maps-page {
  --primary: #188038;
  --primary-dark: #137333;
  --accent-text: #137333;
  --secondary: #26352b;
  --ink: #223027;
  --muted: #647068;
  --border: #d9e3dc;
  --background: #f6faf7;
  --surface: #ffffff;
  --surface-accent: #e6f4ea;
  --accent-soft: #a8dab5;
  --success: #188038;
  --shadow: 0 18px 50px rgba(28, 58, 37, 0.1);
  --shadow-accent: 0 12px 28px rgba(24, 128, 56, 0.24);
  --maps-green: #188038;
  --maps-green-dark: #137333;
  --maps-green-text: #146c2e;
  --maps-green-soft: #e6f4ea;
  --maps-green-deep: #183323;
}

.maps-page :focus-visible {
  outline-color: rgba(24, 128, 56, 0.7);
}

.maps-page .announcement {
  color: #ffffff;
  background: var(--maps-green);
}

.maps-page .announcement a {
  color: #ffffff;
}

.maps-page .site-header {
  border-color: rgba(217, 227, 220, 0.9);
  background: rgba(246, 250, 247, 0.9);
}

.maps-page .logo-symbol {
  color: #ffffff;
  background: var(--maps-green);
  box-shadow: 0 8px 20px rgba(24, 128, 56, 0.24);
}

.maps-page .logo-word span,
.maps-page .nav-links a:hover,
.maps-page .text-action:hover {
  color: var(--maps-green-text);
}

.maps-page .service-hero {
  background:
    radial-gradient(circle at 92% 72%, rgba(52, 168, 83, 0.13), transparent 31%),
    var(--background);
}

.maps-page .service-hero::before {
  background: rgba(52, 168, 83, 0.09);
}

.maps-page .eyebrow {
  color: var(--maps-green-text);
  border-color: rgba(24, 128, 56, 0.2);
  background: var(--maps-green-soft);
}

.maps-page .eyebrow > span {
  background: var(--maps-green);
  box-shadow: 0 0 0 5px rgba(24, 128, 56, 0.14);
}

.maps-page .service-hero h1 em,
.maps-page .service-heading h2 em,
.maps-page .universal-copy h2 em {
  color: var(--maps-green-dark);
}

.maps-page .human-note,
.maps-page .service-visual {
  border-color: rgba(24, 128, 56, 0.22);
}

.maps-page .human-note .material-symbols-rounded {
  color: var(--maps-green-text);
}

.maps-page .service-visual::before {
  background: linear-gradient(140deg, #f5fbf6, var(--maps-green-soft));
}

.maps-page .live-label {
  color: var(--maps-green-text);
  background: var(--maps-green-soft);
}

.maps-page .live-label::before {
  background: var(--maps-green);
  box-shadow: 0 0 0 4px rgba(24, 128, 56, 0.16);
}

.maps-page .reach-bars i:nth-child(1) { background: #d7eddd; }
.maps-page .reach-bars i:nth-child(2) { background: #c7e7d0; }
.maps-page .reach-bars i:nth-child(3) { background: #b5dfc1; }
.maps-page .reach-bars i:nth-child(4) { background: #98d5aa; }
.maps-page .reach-bars i:nth-child(5) { background: #68bd7f; }
.maps-page .reach-bars i:nth-child(6) { background: #34a853; }
.maps-page .reach-bars i:nth-child(7) { background: var(--maps-green-dark); }

.maps-page .activity-row .material-symbols-rounded,
.maps-page .format-card .material-symbols-rounded,
.maps-page .faq-list summary::after {
  color: var(--maps-green-text);
  background: var(--maps-green-soft);
}

.maps-page .service-metrics strong,
.maps-page .section-label {
  color: var(--maps-green-text);
}

.maps-page .format-card {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.maps-page .format-card:hover {
  transform: translateY(-3px);
  border-color: rgba(24, 128, 56, 0.3);
  box-shadow: var(--shadow);
}

.maps-page .brief-step > span,
.maps-page .delivery-flow > div > span {
  color: #ffffff;
  background: var(--maps-green);
}

.maps-page .performers-section {
  background:
    radial-gradient(circle at 95% 82%, rgba(52, 168, 83, 0.22), transparent 31%),
    var(--maps-green-deep);
}

.maps-page .performers-copy h2 em,
.maps-page .light-label,
.maps-page .adcoin-link,
.maps-page .performer-number strong {
  color: #a8dab5;
}

.maps-page .universal-section {
  background: linear-gradient(135deg, #f6faf7 0%, var(--maps-green-soft) 100%);
}

.maps-page .related-services a {
  border-color: rgba(24, 128, 56, 0.17);
}

.maps-page .faq-list details[open] {
  border-color: rgba(24, 128, 56, 0.42);
  background: #f5fbf6;
}

.maps-page .final-cta-box {
  background: linear-gradient(135deg, var(--maps-green-dark), var(--maps-green));
}

.maps-page .final-cta h2 em {
  color: #d7eddd;
}

.maps-page .site-footer {
  background: var(--maps-green-deep);
}

.maps-page .footer-logo .logo-word span,
.maps-page .footer-column a:hover {
  color: #a8dab5;
}