/* City and area pages (SEO agent). Builds on /articles/article-layout.css. */
.city-page .city-eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#3d6b86;margin:0 0 .8em}
.city-page h3{font-family:inherit;color:inherit;font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:1.35;margin:1.4em 0 .4em}
.city-page ol{margin:0 0 1.4em;padding-left:1.5em;list-style:decimal}
.city-page ol li{font:inherit;color:inherit;margin:.65em 0}
.city-page .city-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:1.6em 0}
.city-page .city-cta-button{display:inline-block;padding:14px 26px;border-radius:12px;background:#234c63;color:#fff;text-decoration:none;font-weight:600;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 0 #16323f,0 14px 28px rgba(22,50,63,.28);transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease}
.city-page .city-cta-button:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 0 #16323f,0 20px 34px rgba(22,50,63,.32)}
.city-page .city-cta-button:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 2px 0 #16323f,0 6px 12px rgba(22,50,63,.25)}
.city-page .city-cta-button:focus-visible{outline:3px solid #8fb7cc;outline-offset:3px}
.city-page .city-note{font-size:.88rem;color:#55606c;border-top:1px solid #e3e8ec;padding-top:1em;margin-top:2em}
@media (prefers-reduced-motion:reduce){.city-page .city-cta-button,.city-page .city-cta-button:hover,.city-page .city-cta-button:active{transition:none;transform:none}}