/* City / service-area landing pages */
.city-hero .c-hero__title{max-width:14ch}
.city-hero__facts{list-style:none;padding:0;margin:var(--space-8) 0 0;display:flex;flex-wrap:wrap;gap:8px}
.city-hero__facts li{border:1px solid var(--border-strong);border-radius:999px;padding:6px 14px;font-size:var(--text-sm);color:var(--muted)}
.city-hero__media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;background:var(--surface-2)}
.city-hero__media img{width:100%;height:100%;object-fit:cover}
.city-hero__media figcaption{font-size:var(--text-xs);color:var(--muted);padding:10px 2px 0}

.cfacts{list-style:none;padding:0;margin:var(--space-10) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.cfacts li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}
.cfacts b{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;line-height:1.15}
.cfacts span{color:var(--muted);font-size:var(--text-sm);line-height:1.55}
.cfacts a.src{font-size:var(--text-xs);color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;margin-top:auto;padding-top:var(--space-2)}
.city-note{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--faint);max-width:70ch}

.city-state{background:var(--surface)}
.city-state__grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(var(--space-10),6vw,var(--space-24));align-items:start}
.city-state ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}
.city-state li{border-top:1px solid var(--border);padding-top:var(--space-4);display:grid;grid-template-columns:9rem 1fr;gap:var(--space-4)}
.city-state li b{font-family:var(--font-display);font-size:var(--text-lg)}
.city-state li span{color:var(--muted);font-size:var(--text-sm)}

.city-build{list-style:none;padding:0;margin:var(--space-10) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.city-build li{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}
.city-build b{display:block;font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:6px}
.city-build span{color:var(--muted);font-size:var(--text-sm);line-height:1.5}

.city-links{list-style:none;padding:0;margin:var(--space-8) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}
.city-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-4) var(--space-5);font-weight:700;transition:border-color .2s var(--ease),background .2s var(--ease)}
.city-links a:hover{border-color:var(--wine);background:var(--surface)}
.city-links a span{color:var(--accent-text)}
.city-links--sm a{font-weight:500;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}

.area-hub__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);margin-top:var(--space-10)}
.area-hub__grid h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}

@media (max-width:900px){
  .cfacts{grid-template-columns:1fr}
  .city-state__grid{grid-template-columns:1fr}
  .city-build{grid-template-columns:1fr 1fr}
  .area-hub__grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .city-build{grid-template-columns:1fr}
  .city-state li{grid-template-columns:1fr;gap:4px}
}
.city-state a.src{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;font-size:var(--text-xs);margin-left:4px}