.city-highlight-section{padding-top:10px!important}
.city-highlight-card{
  display:grid!important;
  grid-template-columns:minmax(320px, 1.05fr) minmax(0,1fr)!important;
  gap:26px!important;
  align-items:stretch!important;
  padding:20px!important;
  border:1px solid #e2e8f0!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 14px 42px rgba(15,23,42,.06)!important;
}
.city-highlight-media{position:relative;overflow:hidden;border-radius:24px;min-height:320px;background:#dbeafe}
.city-highlight-media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.city-highlight-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 2px}
.city-highlight-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.city-highlight-content h2{margin:0 0 10px!important;font-size:38px!important;line-height:1.03!important;letter-spacing:-.03em!important;color:#0f172a!important}
.city-highlight-region{margin:0 0 12px;font-size:14px;font-weight:800;color:#0f766e}
.city-highlight-content p{margin:0 0 18px!important;font-size:16px!important;line-height:1.75!important;color:#475569!important;max-width:60ch}
.city-highlight-actions{display:flex;gap:10px;flex-wrap:wrap}
.city-detail-card{grid-template-columns:minmax(360px,1.1fr) minmax(0,1fr)!important}
.city-rich-text-box{padding:24px;border:1px solid #e2e8f0;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.city-rich-text-box h2{margin-top:0!important}
.city-article-readable{font-size:17px;line-height:1.8;color:#334155}
.city-media-grid .card-img{height:220px!important}
.city-video-grid .card-img{height:220px!important;object-fit:cover}
.city-page-hero .container p{max-width:820px}

@media (max-width: 900px){
  .city-highlight-card,.city-detail-card{grid-template-columns:1fr!important;gap:16px!important;padding:16px!important;border-radius:22px!important}
  .city-highlight-media,.city-highlight-media img{min-height:240px!important;border-radius:18px!important}
  .city-highlight-content h2{font-size:28px!important}
  .city-highlight-content p{font-size:15px!important;line-height:1.6!important;max-width:100%}
  .city-highlight-actions{width:100%!important}
  .city-highlight-actions .btn{width:100%!important;justify-content:center!important}
  .city-rich-text-box{padding:18px!important;border-radius:18px!important}
  .city-media-grid{grid-template-columns:1fr!important;gap:14px!important}
}