:root{--vng-ink:#123349;--vng-deep:#075343;--vng-jade:#0b654f;--vng-cream:#f6f0e4;--vng-gold:#e2ad37;--vng-red:#b84a34;--vng-line:#e7dfd1}
.vng-city-guide{font-family:Arial,Helvetica,sans-serif;color:var(--vng-ink);margin:0 0 34px}.vng-city-guide *{box-sizing:border-box}
.vng-city-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;min-height:330px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#0b654f,#168071);box-shadow:0 20px 55px rgba(18,51,73,.16)}
.vng-city-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--vng-city-bg);background-size:cover;background-position:center}.vng-city-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,40,34,.92),rgba(4,40,34,.58) 55%,rgba(4,40,34,.18))}
.vng-city-hero-inner{padding:42px;max-width:780px;color:#fff}.vng-city-kicker{display:block;font-size:11px;letter-spacing:.19em;font-weight:900;color:#f2cf73;margin-bottom:9px}.vng-city-hero h2{font:700 clamp(42px,6vw,68px)/.98 Georgia,"Times New Roman",serif!important;letter-spacing:-.045em;color:#fff!important;margin:0 0 10px!important}.vng-city-hero p{font-size:18px;line-height:1.5;color:#fff!important;margin:0 0 20px!important}.vng-city-pills{display:flex;gap:8px;flex-wrap:wrap}.vng-city-pills b{font-size:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(5px);color:#fff}
.vng-city-dashboard{margin:-18px 18px 0;position:relative;z-index:3;background:#fff;border:1px solid var(--vng-line);border-radius:18px;padding:22px;box-shadow:0 16px 42px rgba(18,51,73,.11)}.vng-city-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--vng-line);padding-bottom:18px;margin-bottom:18px}.vng-city-stat{display:flex;align-items:center;gap:11px;padding:3px 15px;border-right:1px solid var(--vng-line)}.vng-city-stat:last-child{border-right:0}.vng-city-stat>span{width:37px;height:37px;flex:0 0 37px;border-radius:10px;display:grid;place-items:center;background:var(--vng-cream);color:var(--vng-jade);font-size:18px}.vng-city-stat small{display:block;color:#748087;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.vng-city-stat strong{display:block;font-size:13px;line-height:1.3;color:var(--vng-ink)}
.vng-city-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vng-city-card{min-height:102px;display:flex;gap:12px;padding:15px;border-radius:13px;background:#fbfaf7;border:1px solid #eee9df;text-decoration:none!important;color:inherit!important}.vng-city-card i{font-style:normal;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:var(--vng-jade);color:#fff;display:grid;place-items:center}.vng-city-card:nth-child(2) i,.vng-city-card:nth-child(5) i{background:var(--vng-gold)}.vng-city-card h3{font:700 16px/1.15 Georgia,"Times New Roman",serif!important;color:var(--vng-ink)!important;margin:1px 0 5px!important}.vng-city-card p{font-size:12px;line-height:1.4;color:#657078!important;margin:0!important}.vng-city-map{transition:.2s ease}.vng-city-map:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,51,73,.09)}
.vng-city-reading{display:flex;align-items:center;gap:10px;margin:26px 4px 8px;padding:13px 0;border-bottom:2px solid var(--vng-jade)}.vng-city-reading span{font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--vng-red)}.vng-city-reading strong{font:700 21px Georgia,"Times New Roman",serif;color:var(--vng-ink)}.vng-city-reading em{margin-left:auto;font-style:normal;color:var(--vng-gold);font-size:20px}
.single .entry-content>.vng-city-guide+*{margin-top:0}.entry-content h2{scroll-margin-top:90px}
@media(max-width:800px){.vng-city-hero{border-radius:14px;min-height:300px}.vng-city-hero-inner{padding:28px 22px}.vng-city-dashboard{margin:-12px 8px 0;padding:14px}.vng-city-stats{grid-template-columns:1fr 1fr;gap:0}.vng-city-stat{padding:10px;border-bottom:1px solid var(--vng-line)}.vng-city-stat:nth-child(2){border-right:0}.vng-city-cards{grid-template-columns:1fr 1fr}.vng-city-hero p{font-size:16px}}
@media(max-width:520px){.vng-city-hero{min-height:330px}.vng-city-hero h2{font-size:43px!important}.vng-city-pills b{font-size:11px}.vng-city-dashboard{margin:-9px 4px 0}.vng-city-stats,.vng-city-cards{grid-template-columns:1fr}.vng-city-stat{border-right:0}.vng-city-card{min-height:0}.vng-city-reading{align-items:flex-start;flex-wrap:wrap}.vng-city-reading em{margin-left:auto}}