/* City / service-area landing pages (templates/template-location.php).
   Reuses the core design system in theme.css; this file adds the long-form
   prose treatment and the card grids that otherwise only ship on /who/. */

/* ---- Inline links inside body copy ----
   theme.css resets anchors to `color:inherit`, which would make the editorial
   links in this content invisible. Restore them everywhere prose renders. */
.wd-loc-lede a,
.wd-loc-intro a,
.wd-loc-prose .body a,
.wd-loc-block a,
.wd-loc-why .wcard a,
.wd-loc-mistakes .acard a,
.services .s-tag a,
.steps .step p a,
.faq-a p a,
.f-panel p a,
.cta-panel p a{
  color:var(--gold-hi);
  text-decoration:underline;
  text-decoration-color:rgba(242,193,78,.4);
  text-underline-offset:3px;
  transition:text-decoration-color .2s,color .2s
}
.wd-loc-lede a:hover,
.wd-loc-intro a:hover,
.wd-loc-prose .body a:hover,
.wd-loc-block a:hover,
.wd-loc-why .wcard a:hover,
.wd-loc-mistakes .acard a:hover,
.services .s-tag a:hover,
.steps .step p a:hover,
.faq-a p a:hover,
.f-panel p a:hover,
.cta-panel p a:hover{text-decoration-color:var(--gold-hi)}

/* ---- Hero ---- */
.wd-loc-hero h1{max-width:960px;font-size:clamp(2.05rem,4.1vw,3.05rem);line-height:1.14}
.wd-loc-lede{max-width:840px;margin-bottom:30px}
.wd-loc-lede p{color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:none;margin:0 0 1em}
.wd-loc-lede p:last-child{margin-bottom:0}

/* ---- Section intro paragraph under a centered section head ---- */
.wd-loc-intro{max-width:820px;margin:-6px auto 0;text-align:center}
.wd-loc-intro p{color:var(--muted);font-size:1rem;line-height:1.7;margin-bottom:.9em}
.wd-loc-intro p:last-child{margin-bottom:0}

/* ---- Service cards ----
   Eight services land as 3/3/2 in the site-wide three-column grid; a four-up
   grid gives two even rows instead. Headings render as <h3> here. */
.wd-loc-hero + .beam + .services{padding-top:24px}
.services .s-name{font-family:var(--font-head);font-weight:700}
.wd-loc-services .svc-grid{grid-template-columns:repeat(4,1fr)}
.wd-loc-services .s-tag{font-size:.88rem;line-height:1.6}
@media(max-width:1180px){.wd-loc-services .svc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.wd-loc-services .svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wd-loc-services .svc-grid{grid-template-columns:1fr}}

/* ---- Case study strip ---- */
.wd-loc-cases{padding:30px 0 64px}
.wd-loc-more{margin-top:34px;text-align:center}

/* ---- Long-form prose blocks (platforms / reporting / what to ask) ---- */
.wd-loc-detail{padding:20px 0 40px}
.wd-loc-block{max-width:820px;margin:0 auto 54px}
.wd-loc-block:last-child{margin-bottom:0}
.wd-loc-block h2{font-size:clamp(1.5rem,2.9vw,2rem);line-height:1.2;margin-bottom:18px}
.wd-loc-block p{color:var(--muted);font-size:1.02rem;line-height:1.78;margin-bottom:1.05em}
.wd-loc-block p:last-child{margin-bottom:0}

/* ---- Prose section that reuses .ind-intro ---- */
.wd-loc-prose{padding:20px 0 44px}

/* ---- Why-us grid (mirrors the /who/ page treatment) ---- */
.whyrow{padding:20px 0 56px}
.whyrow .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.whyrow .wcard{background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:24px 20px;transition:border-color .2s,transform .2s}
.whyrow .wcard:hover{border-color:rgba(212,165,55,.4);transform:translateY(-4px)}
.whyrow .wcard h3{font-family:var(--font-head);font-size:1rem;margin-bottom:7px}
.whyrow .wcard p{color:var(--muted);font-size:.88rem;line-height:1.6}
@media(max-width:860px){.whyrow .why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.whyrow .why-grid{grid-template-columns:1fr}}

/* ---- Four-up card grid: common mistakes + nearby cities ---- */
.also{padding:24px 0 56px}
.also-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.acard{display:block;background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:24px 20px;transition:border-color .2s,transform .2s}
.acard:hover{border-color:rgba(212,165,55,.4);transform:translateY(-4px)}
.acard .ai{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--gold-hi);margin-bottom:12px}
.acard h3{font-family:var(--font-head);font-size:1rem;margin-bottom:8px}
.acard p{color:var(--muted);font-size:.86rem;line-height:1.6}
@media(max-width:860px){.also-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.also-grid{grid-template-columns:1fr}}

/* Nearby-city cards read as links, so give them an affordance. */
.wd-loc-nearby .acard{position:relative;padding-bottom:44px}
.wd-loc-nearby .acard .ai{font-size:1.3rem}
.wd-loc-nearby .acard h3{color:var(--text);transition:color .2s}
.wd-loc-nearby .acard:hover h3{color:var(--gold-hi)}
.wd-loc-nearby .acard::after{
  content:"View →";position:absolute;left:20px;bottom:20px;
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi)
}

/* ---- Founder panel: initials placeholder when no headshot is set ---- */
.wd-loc-founder{padding:16px 0 64px}
.f-initials{font-family:var(--font-head);font-weight:800;font-size:3.4rem;color:rgba(242,193,78,.35);letter-spacing:.04em}

/* ---- FAQ: match the wider measure used on /who/ ---- */
.faq{padding-top:8px}
.faq-list{max-width:1040px}

/* ---- CTA body copy ---- */
.cta-panel p{max-width:720px;margin-left:auto;margin-right:auto}