#main-content .nearby-cities { padding:72px 30px; background:#fff; color:#123d32; }
.nearby-cities-inner { max-width:1180px; margin:0 auto; }
.nearby-cities-label { display:block; font-size:12px; font-weight:700; letter-spacing:1.6px; color:#105722; margin-bottom:14px; }
#main-content .nearby-cities h2 { margin:0 0 16px; font-size:clamp(28px,3vw,40px); line-height:1.2; font-weight:600; letter-spacing:-.7px; }
#main-content .nearby-cities p { margin:0 0 30px; font-size:16px; line-height:1.7; }
.nearby-cities-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
#main-content .nearby-city-card { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:26px 22px; border:1px solid #dce3d4; border-radius:18px; background:#f7f8ee; color:#123d32; text-decoration:none; transition:background .2s,border-color .2s; }
.nearby-city-card strong { display:block; font-size:20px; line-height:1.3; font-weight:600; }
.nearby-city-card small { display:block; margin-top:8px; font-size:13px; line-height:1.5; }
.nearby-city-arrow { font-size:24px; color:#105722; }
#main-content .nearby-city-card:hover { background:#edf1d9; border-color:#105722; }
.nearby-city-card:focus-visible { outline:2px solid #105722; outline-offset:4px; }
@media(max-width:1024px) { .nearby-cities-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { #main-content .nearby-cities { padding:48px 20px; } .nearby-cities-grid { grid-template-columns:1fr; gap:12px; } #main-content .nearby-city-card { padding:22px; } }