/* Shared navigation only. Preserve the restored homepage and guide content/layout. */
@font-face{font-family:'Hanoi Navigation';src:url('../fonts/hanoi-guide-sans.woff2?v=6') format('woff2');font-weight:100 900;font-display:swap}
.hanoi-linked-site{--header-h:76px;--header-h-sm:76px}
body.hanoi-linked-site .hdr,body.hanoi-linked-site .hdr.is-stuck{height:76px;background:#102119;border-bottom:1px solid #3a4b3e}
body.hanoi-linked-site .hdr::before{display:none}
body.hanoi-linked-site .hdr__in{min-height:0;max-width:1440px;padding-inline:clamp(20px,3.3vw,56px);gap:24px}
.hanoi-linked-site .gnb,.hanoi-linked-site .drawer,.hanoi-linked-site .hn-mobile-shortcut{font-family:'Hanoi Navigation',var(--sans)}
body.hanoi-linked-site .gnb{display:flex;gap:22px;align-items:center;flex-wrap:nowrap}
body.hanoi-linked-site .gnb a{font-size:13px;line-height:1.4;white-space:nowrap;color:#e9eee8;min-height:44px;display:inline-flex;align-items:center;letter-spacing:0}
body.hanoi-linked-site .gnb .hn-nav-compare{padding:10px 14px;border:1px solid #907f4d;color:#ead89d;background:#ffffff04}
body.hanoi-linked-site .gnb .hn-nav-compare::after{display:none}
body.hanoi-linked-site .gnb .hn-nav-compare:hover,body.hanoi-linked-site .gnb .hn-nav-compare[aria-current=page]{background:#e2cf92;border-color:#e2cf92;color:#102119}
body.hanoi-linked-site .hdr__cta{gap:8px}
body.hanoi-linked-site .hdr__cta .chip{width:40px;min-height:40px;padding:0;justify-content:center}
body.hanoi-linked-site .hdr__cta .chip span{display:none}
body.hanoi-linked-site .burger,body.hanoi-linked-site .hn-mobile-shortcut{display:none}
body.hanoi-linked-site .drawer{background:#102119;padding:88px 24px 32px;align-content:start;gap:0;grid-template-columns:minmax(0,1fr)}
body.hanoi-linked-site .drawer>a[data-site-nav]{display:block;font-family:'Hanoi Navigation',var(--sans);font-size:22px;letter-spacing:0;line-height:1.4;min-height:52px;padding-block:12px;opacity:1;transform:none;transition:none}
body.hanoi-linked-site .drawer__foot{margin-top:24px;gap:10px}
body.hanoi-linked-site .drawer__foot .btn{flex:1;min-width:0;min-height:48px;padding:12px 14px;font-family:'Hanoi Navigation',var(--sans);font-size:13px;letter-spacing:0;line-height:1.4;white-space:nowrap;opacity:1;transform:none;transition:none}
body.hanoi-linked-site .drawer>.hn-nav-compare{color:#ead89d;border-left:2px solid #d2bc76;padding-left:18px}
body.hanoi-linked-site .drawer>a[aria-current=page]{color:#ead89d}
.hn-casino-link{margin-top:24px}
.hn-casino-link>p{font-size:13px;color:#dfdfd1;line-height:1.8;margin-bottom:12px;word-break:keep-all}
.hn-casino-link>.btn{gap:28px;letter-spacing:0;font-size:15px;min-height:54px;white-space:nowrap}
.hn-guide-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hn-guide-actions .n26-button{margin:0}
.hanoi-comparison-page .hn-home-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border:1px solid #6a806b;color:#f2f3e8;font-size:13px;line-height:1.5;white-space:nowrap;text-decoration:none;background:#102119}
.hanoi-comparison-page .hn-home-button:hover{background:#203a2b;border-color:#c2cbae}
@media(min-width:1024px){body.hanoi-linked-site .drawer{display:none}}
@media(min-width:1024px) and (max-width:1150px){body.hanoi-linked-site .hdr__in{gap:16px;padding-inline:24px}body.hanoi-linked-site .gnb{gap:16px}body.hanoi-linked-site .hdr .brand__name{font-size:17px;letter-spacing:.14em}body.hanoi-linked-site .hdr .brand__sub{font-size:7.5px;letter-spacing:.25em}}
@media(max-width:1023px){
 .hanoi-linked-site{--header-h:64px;--header-h-sm:64px}
 body.hanoi-linked-site .hdr,body.hanoi-linked-site .hdr.is-stuck{height:64px}
 body.hanoi-linked-site .hdr__in{padding-inline:20px;gap:12px}
 body.hanoi-linked-site .gnb,body.hanoi-linked-site .hdr__cta .chip{display:none}
 body.hanoi-linked-site .burger{display:grid;width:40px;height:44px}
 body.hanoi-linked-site .drawer{display:grid}
 body.hanoi-linked-site .hn-mobile-shortcut{display:inline-flex;align-items:center;justify-content:center;border:1px solid #8c8058;color:#f0dfaa;min-height:44px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none}
 body.hanoi-linked-site .hdr .brand{gap:8px;min-width:0}
 body.hanoi-linked-site .hdr .brand__mark{width:24px;height:24px}
 body.hanoi-linked-site .hdr .brand__name{font-size:14px;letter-spacing:.1em}
 body.hanoi-linked-site .hdr .brand__sub{font-size:7px;letter-spacing:.19em}
}
@media(max-width:360px){body.hanoi-linked-site .hdr__in{padding-inline:14px;gap:6px}body.hanoi-linked-site .hdr .brand{gap:6px}body.hanoi-linked-site .hdr .brand__name{font-size:12px;letter-spacing:.05em}body.hanoi-linked-site .hdr .brand__sub{font-size:6px;letter-spacing:.12em}body.hanoi-linked-site .hdr .brand__mark{width:21px;height:21px}body.hanoi-linked-site .hdr__cta{gap:4px}body.hanoi-linked-site .hn-mobile-shortcut{padding:8px 9px;font-size:11px}.hn-guide-actions{gap:10px}.hanoi-comparison-page .hn-home-button{font-size:12px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.hanoi-linked-site .hdr{transition:none}}