.city-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
        .city-card { background:#fff; border:1px solid rgba(0,0,0,.07); border-radius:5px; padding:15px 18px; display:flex; align-items:center; gap:10px; text-decoration:none; color:#0f172a; font-weight:500; font-size:0.93rem; transition:transform .15s,box-shadow .15s,color .15s; }
        .city-card i { color:#1a6b3a; }
        .city-card .arr { margin-left:auto; font-size:0.7rem; color:#94a3b8; }
        .city-card:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(26,107,58,.14); color:#1a6b3a; }
        .sub { color:#556575; font-size:0.92rem; margin-bottom:32px; }