/* Cities 2.0 — v26 */
.city-page{background:#f7f9fb;color:#122230}
.city-hero{padding:122px 0 42px;background:linear-gradient(135deg,#07111d 0%,#10283b 62%,#0b6650 100%);color:#fff}
.city-hero .breadcrumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 18px;font-size:.92rem;color:rgba(255,255,255,.72)}
.city-hero .breadcrumbs a{color:#fff;text-decoration:none}
.city-hero .breadcrumbs span{opacity:.72}
.city-kicker{display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.city-hero h1{max-width:900px;margin:16px 0 12px;font-family:"Onest",sans-serif;font-size:clamp(2.1rem,5vw,4.25rem);line-height:1.02;color:#fff}
.city-lead{max-width:850px;margin:0;color:rgba(255,255,255,.82);font-size:1.12rem;line-height:1.65}
.city-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:900px;margin-top:28px}
.city-facts>div{padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(5px)}
.city-facts span{display:block;margin-bottom:5px;color:rgba(255,255,255,.64);font-size:.8rem}
.city-facts strong{display:block;color:#fff;font-size:1rem;line-height:1.25}
.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}
.city-main{min-width:0}
.city-side{position:sticky;top:92px}
.city-note{margin:0 0 24px;padding:18px 20px;border-left:4px solid #00b87c;border-radius:14px;background:#e9fbf5;line-height:1.6}
.city-section{margin:0 0 24px;padding:25px;border:1px solid #e5ebef;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(12,32,45,.05)}
.city-section h2,.city-section h3{margin-top:0;color:#0b2030}
.city-section p{line-height:1.7}
.city-steps{padding-left:1.35rem}
.city-steps li{margin:.7rem 0;line-height:1.55}
.city-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.city-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.city-mini-card{display:flex;min-height:128px;flex-direction:column;padding:16px;border:1px solid #e3e9ed;border-radius:16px;background:#fbfcfd;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.city-mini-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(17,42,58,.08)}
.city-mini-card span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0a8c68}
.city-mini-card strong{margin:8px 0;color:#102331;line-height:1.35}
.city-mini-card em{margin-top:auto;font-style:normal;color:#0a8c68;font-weight:700}
.city-faq details{border-top:1px solid #edf1f3}
.city-faq details:first-of-type{border-top:0}
.city-faq summary{padding:15px 0;cursor:pointer;font-weight:700;color:#102331}
.city-faq details p{padding:0 0 12px;margin:0;color:#53636d}
.city-source{font-size:.94rem;color:#5a6972}
.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 34px}
.city-card{display:flex;min-height:260px;flex-direction:column;padding:22px;border:1px solid #e4eaee;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(12,32,45,.045);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.city-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(12,32,45,.09)}
.city-card-status{align-self:flex-start;padding:.34rem .58rem;border-radius:999px;background:#e9fbf5;color:#0a7b5e;font-size:.72rem;font-weight:700}
.city-card h2{margin:14px 0 9px;font-size:1.38rem;color:#0a1f2e}
.city-card p{margin:0;color:#586873;line-height:1.55}
.city-card-more{margin-top:auto;padding-top:18px;color:#0a8c68;font-weight:700}
.city-hub-info{margin-top:8px}
@media(max-width:991.98px){
  .city-hero{padding-top:102px}
  .city-layout{grid-template-columns:1fr}
  .city-side{position:static}
  .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .navigation .navbar-collapse.collapse:not(.show){display:none!important}
  .navigation .navbar-collapse.collapse.show{display:block!important}
}
@media(max-width:640px){
  .city-hero{padding:94px 0 30px}
  .city-facts{grid-template-columns:1fr}
  .city-grid{grid-template-columns:1fr}
  .city-mini-grid{grid-template-columns:1fr}
  .city-section{padding:19px;border-radius:16px}
  .city-card{min-height:auto}
  .city-actions .btn{width:100%}
  .city-page{overflow-x:hidden}
}