/* Unpublished metro previews. Approved live brand and city-page styles load first. */
.city-header .header-inner { grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr); padding:8px 24px; }
.city-header .header-inner > .brand { width:200px; }
.city-header .city-brand { width:190px; text-align:left; }
.city-header .city-name { font-size:1.45rem; }
.city-header .city-county { margin-top:5px; }
.hero-copy { padding:32px; }
.photo-strip { min-height:460px; }
.actions .text-link { color:#fff; font-size:.9rem; }
.regional-focus { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:20px 24px; margin-top:20px; border-left:4px solid var(--copper); background:#fff; }
.regional-focus strong { display:block; color:var(--navy); font-size:1.15rem; }
.regional-focus p { margin:4px 0 0; max-width:570px; font-size:.95rem; }
.regional-links { display:flex; flex-wrap:wrap; gap:10px 18px; min-width:0; font-size:.95rem; font-weight:700; }
.page-nav { display:flex; flex-wrap:wrap; gap:10px 26px; margin:20px 0 0; padding:12px 0; border-bottom:1px solid var(--rule); font-size:.9rem; font-weight:700; }
.commercial-scope { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; }
.commercial-scope article { min-width:0; padding:22px; background:#fff; border-top:3px solid var(--copper); }
.commercial-scope h3 { font-size:1.15rem; }
.commercial-scope p { margin-bottom:0; font-size:1rem; }
.local-guide .local-resources { max-width:none; }
.faq { border-top:1px solid var(--rule); }
.faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 30px; }
.faq-grid h3 { font-size:1.1rem; margin-bottom:8px; }
.faq-grid p { margin-bottom:0; font-size:1rem; }
.directory { border-top:1px solid var(--rule); }
.directory-intro { max-width:800px; }
.directory-heading { margin-top:28px; }
.area-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:20px 0; }
.area-links li { margin:0; padding:0; }
.area-links a { display:block; padding:14px 18px; background:#fff; border-bottom:3px solid var(--copper); font-weight:700; text-decoration:none; }
.area-links a:hover { background:#e1ebf3; }
.metro-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.metro-links a { display:block; padding:20px 22px; background:var(--navy); color:#fff; text-decoration:none; }
.metro-links strong { display:block; margin-bottom:4px; font-size:1.1rem; }
.metro-links span { display:block; color:#e2ebf2; font-size:.9rem; }
.review-note { margin-top:18px; font-size:.8rem; }
.closing p:last-of-type { margin-bottom:20px; }
.closing p a { color:#fff; }
.review-chooser { padding:44px 0; }
.review-chooser h1 { color:var(--navy); }
.review-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:28px; }
.review-cards article { padding:28px; background:#fff; border-top:4px solid var(--copper); }
.review-cards p { font-size:1rem; }
@media(max-width:900px) {
  .city-header .header-inner { grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr); gap:18px; }
  .city-header .header-inner > .brand { width:180px; }
  .city-header .city-brand { width:170px; }
  .city-header .city-name { font-size:1.3rem; }
  .commercial-scope { grid-template-columns:minmax(0,1fr); }
  .review-cards { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) {
  .regional-focus { align-items:flex-start; flex-direction:column; gap:14px; padding:20px; }
  .photo-strip { min-height:0; }
  .hero-copy { padding:28px 24px; }
  .faq-grid { grid-template-columns:minmax(0,1fr); }
  .area-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metro-links { grid-template-columns:minmax(0,1fr); }
  .actions { gap:14px; }
}
@media(max-width:600px) {
  .city-header .header-inner { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 12px; padding:4px 18px 10px; }
  .city-header .header-inner > .brand { width:158px; }
  .city-header .city-brand { width:190px; }
  .city-header .city-name { font-size:1.13rem; }
  .city-header .city-kicker { margin-bottom:0; }
  .city-header .city-county { display:none; }
  .city-header .header-inner > .button { min-height:42px; width:112px; padding:8px 12px; }
  .page-nav { gap:10px 20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }