/* ─────────────────────────────────────────────────────────────────
   geo.css — Core 30 location-service pages (e.g. mold-remediation-
   birmingham-al). Layout, nav, hero, reviews, closing CTA, service
   areas and footer all come from site.css + service-page.css; this
   file only styles the readable content-prose sections unique to the
   geo pages.

   Ported from the Pure Mold Masters (Santa Ana, CA) reference geo.css.
   No values changed — --color-text-body and --color-white-text-lead
   are already defined with the same names/roles in PAA's
   colors_and_type.css, so this file is a straight token-compatible
   port rather than a re-theme.
   ───────────────────────────────────────────────────────────────── */

/* Tighter heading→body gap than the default .section-heading (4rem),
   since geo sections lead straight into prose. */
.section-heading.tight { margin-bottom: 2rem; }
.section-heading.tight.left { text-align: left; margin-left: 0; }

.geo-prose {
  max-width: 760px;
  margin: 0 auto;
}
.geo-prose p {
  font-size: 1.075rem;
  line-height: 1.75;
  color: var(--color-text-body);
  margin: 0 0 1.2rem;
  text-wrap: pretty;
}
.geo-prose p:last-child { margin-bottom: 0; }

/* On the dark "Why choose us" band, lift the prose to the light-on-dark
   token so it stays legible. */
.svc-section.is-dark .geo-prose p { color: var(--color-white-text-lead); }

/* ── Core 30 internal-linking silo ────────────────────────────────
   Child pages get a one-line contextual crumb back to their parent hub
   (or, on core/general pages, back to the homepage) right after the
   hero. Hub pages get a compact link grid to every child, right before
   the closing CTA. Scoped to geo.css so it only ever loads on the 37
   Core 30 geo pages. */
.geo-silo-crumb { padding: 0 0 1.5rem; }
.geo-silo-crumb p {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--color-text-body);
}

.geo-silo-grid {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 920px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9rem 2rem;
}
.geo-silo-grid li { font-size: 1.0625rem; font-weight: 600; }
.geo-silo-grid a { color: var(--color-brand-secondary); }
@media (max-width: 700px) {
  .geo-silo-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .geo-silo-grid { grid-template-columns: 1fr; }
}