/* Nha Trang Planner — Experience navigation v1. Visual-only Cloudflare Pages asset. */
html.nt-experience body .nav{display:none!important}
html.nt-experience body .exploreTabs{display:none!important}
html.nt-experience body .app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}
html.nt-experience #ntBottomNav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:min(660px,100%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  z-index:85;padding:9px 8px calc(7px + env(safe-area-inset-bottom));
  border:1px solid #e4ede9;border-bottom:0;border-radius:21px 21px 0 0;
  background:rgba(255,255,255,.97);box-shadow:0 -10px 35px rgba(13,68,75,.12);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)
}
#ntBottomNav button{
  display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;
  min-height:53px;min-width:0;padding:6px 2px;border:0;border-radius:13px;
  background:transparent;color:#738892;font-size:10px;font-weight:800;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
#ntBottomNav button.on{color:#066b6a;background:#eaf7f3}
#ntBottomNav .nt-nav-icon{display:block;font-size:21px;line-height:1.2}
#ntBottomNav .nt-nav-label{display:block;white-space:nowrap;letter-spacing:-.03em}
#ntBottomNav button:focus-visible,#ntDiscovery button:focus-visible,#ntDayRail button:focus-visible{
  outline:3px solid #e7a744;outline-offset:2px
}
html.nt-experience body #ntDiscovery{
  position:relative;max-width:660px;margin:11px auto 7px;padding:0 14px
}
#ntDiscovery .nt-discovery-head{padding:6px 3px 11px}
#ntDiscovery .nt-discovery-kicker{
  color:#0c8b88;letter-spacing:.17em;font-size:9px;font-weight:900
}
#ntDiscovery h2{font-size:19px;letter-spacing:-.055em;margin:5px 0 3px;color:#173e48}
#ntDiscovery .nt-discovery-head p{margin:0;font-size:11px;color:#657f83;line-height:1.5}
#ntDiscovery .nt-discovery-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#ntDiscovery .nt-discovery-actions button{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  min-height:123px;padding:15px 13px 13px;
  border-radius:20px;border:1px solid #dcece6;
  color:#17444e;text-align:left;box-shadow:0 9px 23px rgba(15,78,73,.065);
  cursor:pointer
}
#ntDiscovery .nt-discovery-actions button:first-child{
  background:linear-gradient(145deg,#e1f5ea,#f2faf8 70%,#fff)
}
#ntDiscovery .nt-discovery-actions button:nth-child(2){
  background:linear-gradient(145deg,#fff2de,#fffbf3 70%,#fff)
}
#ntDiscovery .nt-discover-icon{font-size:24px;margin-bottom:4px}
#ntDiscovery .nt-discovery-actions strong{font-size:13px;line-height:1.35;letter-spacing:-.045em}
#ntDiscovery .nt-discovery-actions small{font-size:10px;line-height:1.4;color:#587477}
#ntDiscovery .nt-discover-arrow{position:absolute;right:13px;top:14px;font-size:18px;color:#428f89}
#ntExperienceStatus{margin:0;font-size:11px;color:#965621}
#ntExperienceStatus:empty{display:none}
html.nt-experience body #ntDayRail{margin:4px 0 16px}
#ntDayRail .nt-day-rail-title{font-size:12px;font-weight:850;color:#48696f;margin:0 2px 8px}
#ntDayRail .nt-day-rail-track{
  display:flex;gap:7px;overflow:auto;padding:2px 2px 8px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch
}
#ntDayRail .nt-day-rail-track::-webkit-scrollbar{display:none}
#ntDayRail button{
  flex:0 0 auto;min-height:37px;padding:8px 12px;border:1px solid #cfe5df;
  border-radius:12px;background:#fff;color:#0c726f;box-shadow:0 4px 12px rgba(20,75,80,.04);
  font-size:11px;font-weight:850;white-space:nowrap
}
html.nt-experience body #db{scroll-margin-top:12px}
html.nt-experience body #rules{scroll-margin-top:12px}
html.nt-experience body #db .browseHead{margin:2px 0 16px;align-items:center}
html.nt-experience body #db .browseHead h2{font-size:24px;line-height:1.25}
html.nt-experience body #db .browseHead p{font-size:12px;max-width:370px}
html.nt-experience body #db .browseCount{padding:7px 10px;background:#e3f5f1;border-radius:999px;font-size:12px}
html.nt-experience body #db .searchHero input{min-height:49px;border-radius:16px;font-size:15px}
html.nt-experience body #db .visualFilters{padding:5px 0 15px;gap:7px}
html.nt-experience body #db .visualFilters button{min-height:38px;font-size:12px;padding:9px 12px;border-radius:13px}
html.nt-experience body #db .vcard{border-radius:23px;box-shadow:0 12px 31px rgba(20,75,83,.08)}
html.nt-experience body #db .vcard .vtop{padding:16px}
html.nt-experience body #db .vcard .vtitle b{font-size:16px;letter-spacing:-.04em}
html.nt-experience body #db .vcard .vsummary{font-size:12px;color:#567076}
html.nt-experience body #db .vcard .metric strong{font-size:12px;overflow-wrap:anywhere}
html.nt-experience body #db .vcard .metric span{font-size:10px}
html.nt-experience body #db .vactions{padding:13px 14px 15px}
html.nt-experience body #db .vdetailBtn{min-height:42px;background:#e6f6f2;color:#087674}
html.nt-experience body #db .vscore{background:#f4f6f1;color:#42635c}
html.nt-experience body #db .vcard[hidden]{display:none!important}
#ntBrowseEmpty.nt-browse-empty{margin:15px 0;text-align:center;padding:35px 16px;border:1px dashed #c9dfd7;border-radius:19px;color:#56777d;font-size:13px}
#ntBrowseEmpty[hidden]{display:none!important}
@media(max-width:350px){
  #ntBottomNav button{font-size:9px}
  #ntBottomNav .nt-nav-icon{font-size:19px}
  #ntDiscovery .nt-discovery-actions button{padding:12px 10px}
  #ntDiscovery .nt-discovery-actions strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  #ntBottomNav *,#ntDiscovery *{transition:none!important;animation:none!important}
}