.vnn-article-page{color:#222;background-color:#fff;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.75}.vnn-navbar{z-index:99999!important;background:#fff!important;border-bottom:1px solid #ebebeb!important;width:100%!important;position:sticky!important;top:0!important;box-shadow:0 2px 14px #00000014!important}.vnn-progress-bar{z-index:999999;background:linear-gradient(90deg,#5188f7,#00c2cb);height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.vnn-fullbleed-hero{background-image:url(/guide/hanoi/hanoi-tourist-map-2026.jpg);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;max-width:100%;height:500px;min-height:440px;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.vnn-fullbleed-hero:before{content:"";z-index:1;background:linear-gradient(#00000085 0%,#0000006b 50%,#00000094 100%);position:absolute;inset:0}.vnn-fullbleed-hero__inner{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;max-width:960px;padding:0 24px;display:flex;position:relative}.vnn-fullbleed-hero__tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.vnn-fullbleed-hero__tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:1px;text-transform:uppercase;background:#0000004d;border:1px solid #ffffffbf;border-radius:30px;padding:5px 18px;font-size:11px;font-weight:700;line-height:1.4;display:inline-block}.vnn-fullbleed-hero__title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 14px #0006;margin:0 0 16px;font-size:54px;font-weight:800;line-height:1.15}.vnn-fullbleed-hero__meta{color:#fffffff2;text-shadow:0 1px 4px #0000004d;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:14.5px;display:flex}.vnn-fullbleed-hero__author{font-weight:600}.vnn-fullbleed-hero__dot{opacity:.7}.vnn-container{max-width:980px;margin:0 auto;padding:28px 20px 100px}.vnn-breadcrumb{color:#888;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.vnn-breadcrumb a{color:#666;text-decoration:none;transition:color .2s}.vnn-breadcrumb a:hover{color:#00c2cb}.vnn-breadcrumb-separator{color:#ccc}.vnn-breadcrumb-current{color:#00aab2;font-weight:600}.vnn-pill-cta-wrap{text-align:center;margin:12px 0 40px}.vnn-pill-cta-btn{cursor:pointer;background:linear-gradient(-90deg,#5188f7,#00c2cb);border:2px solid #fff;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 4px 20px #00b4dc73;color:#fff!important}.vnn-pill-cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #00b4dca6}.vnn-article-lead{color:#334155;margin-bottom:32px;font-size:18px;line-height:1.8}.vnn-highlights-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:36px;display:grid}.vnn-highlight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.vnn-highlight-card:hover{background:#f0fbfb;border-color:#00c2cb;transform:translateY(-2px)}.vnn-highlight-icon{color:#00aab2;background:#e6f8f8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vnn-highlight-num{color:#111827;font-size:20px;font-weight:800;line-height:1.1}.vnn-highlight-label{color:#64748b;margin-top:2px;font-size:13px}.vnn-map-showcase{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:40px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.vnn-map-showcase-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.vnn-map-showcase-title{color:#1e293b;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.vnn-map-showcase-actions{gap:10px;display:flex}.vnn-map-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.vnn-map-action-btn:hover,.vnn-map-action-btn--primary{color:#fff;background:#00c2cb;border-color:#00c2cb}.vnn-map-action-btn--primary:hover{background:#00969e;border-color:#00969e}.vnn-map-img-container{cursor:zoom-in;background:#f1f5f9;position:relative;overflow:hidden}.vnn-map-img{width:100%;transition:transform .3s;display:block}.vnn-map-img-container:hover .vnn-map-img{transform:scale(1.01)}.vnn-map-zoom-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;background:#0f172ad9;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 4px 12px #0003}.vnn-download-card{background:linear-gradient(135deg,#f0fbfb 0%,#fff 100%);border:1px solid #b3eaea;border-left:5px solid #00c2cb;border-radius:12px;margin-bottom:48px;padding:28px 32px;box-shadow:0 6px 20px #00c2cb14}.vnn-hanoi-teal-heading{color:#008779;margin:0 0 16px;font-size:26px;font-weight:700;line-height:1.3}.vnn-download-desc{color:#475569;margin-bottom:18px;font-size:15.5px;line-height:1.7}.vnn-download-checklist{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 20px;margin:0 0 24px;padding:0;list-style:none;display:grid}.vnn-download-checklist li{color:#334155;align-items:center;gap:10px;font-size:14.5px;display:flex}.vnn-checklist-dot{background:#00c2cb;border-radius:50%;flex-shrink:0;width:8px;height:8px}.vnn-wire-btn{color:#008779;cursor:pointer;background:#fff;border:2px solid #00c2cb;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.vnn-wire-btn:hover{color:#fff;background:#00c2cb;transform:translateY(-2px);box-shadow:0 6px 18px #00c2cb59}.vnn-section-divider{background:#e2e8f0;border:0;height:1px;margin:48px 0}.vnn-list-columns{counter-reset:custom-counter;grid-template-columns:1fr 1fr;gap:12px 32px;margin:20px 0 28px;padding-left:0;list-style:none;display:grid}.vnn-list-item{counter-increment:custom-counter;color:#1e293b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:baseline;gap:12px;padding:10px 14px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.vnn-list-item:hover{background:#f0fbfb;border-color:#b3eaea;transform:translate(3px)}.vnn-list-badge{color:#fff;background:#00c2cb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.vnn-readmore-link{color:#008779;align-items:center;gap:6px;margin-top:10px;font-size:15px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.vnn-readmore-link:hover{color:#00aab2;gap:10px;text-decoration:underline}.vnn-district-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin:28px 0 40px;display:grid}.vnn-district-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.vnn-district-card:hover{border-color:#00c2cb;transform:translateY(-4px);box-shadow:0 12px 28px #00c2cb26}.vnn-district-thumb-wrap{background:#e2e8f0;width:100%;padding-bottom:60%;position:relative;overflow:hidden}.vnn-district-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.vnn-district-card:hover .vnn-district-thumb{transform:scale(1.05)}.vnn-district-zone-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-transform:uppercase;background:#00c2cbf2;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.vnn-district-content{flex-direction:column;flex:1;padding:20px;display:flex}.vnn-district-title{color:#0f172a;margin:0 0 8px;font-size:19px;font-weight:700}.vnn-district-desc{color:#64748b;margin-bottom:14px;font-size:14px;line-height:1.6}.vnn-district-spots{color:#334155;flex-direction:column;gap:6px;margin:0 0 16px;padding:0;font-size:13.5px;list-style:none;display:flex}.vnn-district-spot-item{align-items:center;gap:8px;display:flex}.vnn-district-spot-item svg{color:#00c2cb;flex-shrink:0}.vnn-food-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 32px;display:grid}.vnn-food-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .25s;overflow:hidden}.vnn-food-card:hover{border-color:#00c2cb;transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.vnn-food-thumb-wrap{width:100%;padding-bottom:70%;position:relative;overflow:hidden}.vnn-food-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.vnn-food-card:hover .vnn-food-thumb{transform:scale(1.06)}.vnn-food-info{padding:12px 14px}.vnn-food-name{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:700}.vnn-food-sub{color:#64748b;font-size:12.5px}.vnn-transport-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0 40px;display:grid}.vnn-transport-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex}.vnn-transport-icon-wrap{color:#008779;background:#e6f8f8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vnn-transport-title{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:700}.vnn-transport-desc{color:#64748b;margin:0;font-size:13.5px;line-height:1.6}.vnn-editorial-separator{text-align:center;margin:60px 0 50px}.vnn-editorial-separator-line{background-color:#ebebeb;border:0;width:100%;height:2px;display:block}.vnn-related-section{margin-top:40px;margin-bottom:60px}.vnn-related-header{text-align:center;margin-bottom:32px}.vnn-related-title{color:#111;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:32px!important;font-weight:600!important;line-height:1.2!important}.vnn-related-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.vnn-related-card{background:#fff;border-radius:8px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.vnn-related-card:hover .vnn-related-card-title{color:#00c2cb!important}.vnn-related-card:hover .vnn-related-card-thumb{transform:scale(1.05)}.vnn-related-card-thumb-wrap{background:#f1f5f9;border-radius:6px;width:100%;padding-bottom:80%;position:relative;overflow:hidden}.vnn-related-card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.vnn-related-card-badge{color:#fff;text-transform:uppercase;z-index:2;background:#222;padding:3px 6px 4px;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0}.vnn-related-card-meta{flex-direction:column;flex:1;padding:14px 0 0;display:flex}.vnn-related-card-title{color:#111;margin:0 0 10px;transition:color .2s;font-size:20px!important;font-weight:600!important;line-height:1.2!important}.vnn-related-card-date{color:#767676;font-size:12px}.vnn-lightbox-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;background:#0a0f1deb;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.vnn-lightbox-modal{background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;max-width:95vw;max-height:92vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.vnn-lightbox-bar{color:#fff;background:#1e293bd9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.vnn-lightbox-title{font-size:14px;font-weight:600}.vnn-lightbox-controls{align-items:center;gap:8px;display:flex}.vnn-lightbox-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.vnn-lightbox-btn:hover{background:#00c2cb;border-color:#00c2cb}.vnn-lightbox-content{justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.vnn-lightbox-img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:80vh;transition:transform .2s}@media (max-width:900px){.vnn-fullbleed-hero{height:400px}.vnn-fullbleed-hero__title{font-size:38px}.vnn-related-grid{grid-template-columns:repeat(2,1fr);gap:20px}.vnn-district-grid{grid-template-columns:1fr}}@media (max-width:767px){.vnn-fullbleed-hero{height:350px;min-height:320px}.vnn-fullbleed-hero__title{font-size:30px}.vnn-fullbleed-hero__meta{gap:8px;font-size:13px}.vnn-container{padding:20px 16px 60px}.vnn-pill-cta-btn{width:100%;padding:14px 24px;font-size:14.5px}.vnn-list-columns{grid-template-columns:1fr;gap:10px}.vnn-food-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vnn-transport-grid{grid-template-columns:1fr;gap:12px}.vnn-related-grid{grid-template-columns:1fr;gap:24px}.vnn-related-card{flex-direction:row;align-items:center;gap:16px}.vnn-related-card-thumb-wrap{width:120px;min-width:120px;padding-bottom:85px}.vnn-related-card-meta{padding:0}.vnn-related-card-title{font-size:16px!important}.vnn-related-title{font-size:24px!important}}.home-footer{clear:both;width:100%;color:#ffffffb3!important;background:#0d1f2d!important}.home-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;max-width:1240px;margin:0 auto;padding:3.5rem 1.5rem 2.5rem;display:grid}.home-footer__brand-name{align-items:center;gap:.6rem;margin-bottom:.85rem;font-size:1.3rem;font-weight:800;display:flex;color:#fff!important}.home-footer__brand-icon{background:#00c2cb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.home-footer__brand-desc{color:#ffffffa6;max-width:280px;font-size:.85rem;line-height:1.6}.home-footer__socials{gap:.9rem;margin-top:1.3rem;display:flex}.home-footer__social-btn{border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;color:#fff!important}.home-footer__social-btn:hover{background:#00c2cb;border-color:#00c2cb;transform:translateY(-2px)}.home-footer__col-title{letter-spacing:.5px;margin:0 0 1rem;font-size:.88rem;font-weight:700;color:#fff!important}.home-footer__col-links{flex-direction:column;gap:.65rem;display:flex}.home-footer__col-links a{color:#ffffffb3;font-size:.85rem;text-decoration:none;transition:color .2s}.home-footer__col-links a:hover{color:#00c2cb}.home-footer__bottom{border-top:1px solid #ffffff1a;padding:1.5rem 0}.home-footer__bottom-inner{color:#ffffff80;text-align:center;max-width:1240px;margin:0 auto;padding:0 1.5rem;font-size:.8rem}@media (max-width:900px){.home-footer__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:600px){.home-footer__grid{grid-template-columns:1fr;gap:1.8rem}}