/* Pending approved change: all five city cards use dark presentation. */
.cities-photo-grid .jc-city-card{background:#191b1e;color:#fafbfd;border:1px solid #272c33;box-shadow:0 12px 30px #162c4d0b;border-radius:20px;overflow:hidden;text-align:left}
.jc-city-card .photo-wrap{position:relative}.jc-city-card .city-photo{aspect-ratio:1.9}
.jc-city-card .card-content{padding:22px 20px 20px}
.jc-city-card .city-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.jc-city-card .city-heading h3{font:750 27px/1.15 Montserrat,Arial,sans-serif;letter-spacing:-.035em;margin:0;color:#fafbfd}
.jc-city-card .pin{display:flex;align-items:center;justify-content:center;background:#282d34;border-radius:50%;width:32px;height:32px;color:#b8c6d9;flex:0 0 32px}.jc-city-card .pin svg{width:17px;height:17px}
.jc-city-card .coverage{font:400 12px/1.5 Poppins,Arial,sans-serif;color:#abb2bd;margin:8px 0 0;min-height:18px}
.jc-city-card .card-actions{border-top:1px solid #34383e;margin-top:18px;padding-top:15px}
.jc-city-card .card-actions p{font:400 10px/1.5 Poppins,Arial,sans-serif;color:#abb2bd;margin:0 0 2px}
.jc-city-card .free-primary{display:block;font:700 27px/1.2 Montserrat,Arial,sans-serif;letter-spacing:-.04em;margin-bottom:16px;color:#fff}
.jc-city-card .join-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jc-city-card .join{display:flex;align-items:center;justify-content:center;gap:6px;min-height:45px;min-width:0;border-radius:10px;font:600 12px/1.4 Poppins,Arial,sans-serif;white-space:nowrap;padding:0 10px;text-decoration:none}
.jc-city-card .join svg{width:17px;height:17px;flex:0 0 17px}.jc-city-card .join .arrow{font-size:14px;margin-left:auto}
.jc-city-card .telegram{background:#f8fafc;border:1px solid #f8fafc;color:#152738}.jc-city-card .whatsapp{background:#222a27;border:1px solid #456353;color:#b3eccb}
.jc-city-card .telegram:hover{background:#dbe9fa}.jc-city-card .whatsapp:hover{background:#2d4135}.jc-city-card .join:focus-visible{outline:3px solid #8bbcff;outline-offset:3px}
@media(max-width:900px){.jc-city-card .city-heading h3{font-size:25px}}
@media(max-width:380px){.jc-city-card .join .arrow{display:none}.jc-city-card .join{font-size:11px;padding:0 6px;gap:4px}.jc-city-card .join svg{width:16px;height:16px;flex-basis:16px}.jc-city-card .card-content{padding:18px 16px}.jc-city-card .city-heading h3{font-size:23px}}