/* City landing pages (/dating-app/*.html) — builds on site.css + blog.css tokens. */
.city-hero .crumbs{margin-bottom:18px}
.city-hero h1{text-wrap:balance;max-width:20ch;margin-left:auto;margin-right:auto}
.city-hero .sub{max-width:60ch;margin-left:auto;margin-right:auto}
.city-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.city-ctas svg,.city-cta svg{width:18px;height:18px;fill:currentColor;margin-right:8px;vertical-align:-3px}
.city-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:22px;color:var(--mist);font-size:14.5px}
.city-facts b{color:var(--white)}
.city-body ol{padding-left:22px}
.city-body ol li{margin-bottom:10px}
.city-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 8px}
.city-area{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.city-area h3{font-size:17px;margin:0 0 6px}
.city-area p{font-size:15px;color:var(--mist);margin:0}
.city-body .faq{margin-top:8px}
.city-others{margin-top:26px;color:var(--mist)}
.city-others a,.cta-cities a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.city-areas{grid-template-columns:1fr}}