/* ==========================================================================
   SoftNest Cleaners — city landing pages
   Loaded after style.css on /<city>/ pages only. Uses the same tokens.
   ========================================================================== */

/* shorter hero for city pages (homepage keeps its full-viewport hero) */
.city-hero{min-height:78svh}
.city-hero .hero-inner{max-width:860px}
.city-hero .hero-title{font-size:clamp(1.9rem,5vw,3.4rem)}

/* narrow editorial column for unique local copy */
.city-copy{max-width:760px;margin:0 auto 48px}
.city-copy:last-child{margin-bottom:0}
.city-copy h2{margin:0 0 22px}
.city-copy p{color:var(--muted);margin:0 0 16px}
.city-copy p:last-child{margin-bottom:0}
.city-copy p a{border-bottom:1px dotted var(--accent-2)}
.city-copy p a:hover{color:var(--accent-2)}
#services .svc-grid{margin-top:8px}

/* nearby-areas internal linking module */
.nearby-grid{
  max-width:900px;margin:0 auto;
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
@media(min-width:700px){.nearby-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1020px){.nearby-grid{grid-template-columns:repeat(4,1fr)}}
.nearby-link{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 18px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  color:var(--text);font-size:.78rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;
  transition:border-color .25s,color .25s,transform .25s;
}
.nearby-link::after{content:"→";color:var(--accent);transition:transform .25s}
.nearby-link:hover{border-color:rgba(224,164,88,.45);color:var(--accent);transform:translateY(-2px)}
.nearby-link:hover::after{transform:translateX(3px)}