/* Phase 354/355 — destination entity + hub design lock */
body.tgzDestinationLock{background:#f6efe4;color:#102235}
body.tgzDestinationLock .hero{padding:clamp(16px,3vw,30px) 0 8px}
body.tgzDestinationLock .heroWrapV18{min-height:0!important;border-radius:28px!important;overflow:hidden;background:linear-gradient(135deg,#102235,#1f3a4d)!important;box-shadow:0 18px 44px rgba(16,34,53,.14)!important}
body.tgzDestinationLock .heroWrapV18 picture,body.tgzDestinationLock .heroWrapV18 .heroImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26!important;filter:saturate(.86) contrast(.95)}
body.tgzDestinationLock .heroOverlayV18{background:linear-gradient(90deg,rgba(16,34,53,.94),rgba(16,34,53,.66) 60%,rgba(16,34,53,.36))!important}
body.tgzDestinationLock .heroContent{position:relative;max-width:760px;padding:clamp(22px,5vw,52px)!important;color:#fff}
body.tgzDestinationLock .heroContent h1{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(2.15rem,7vw,4.8rem);line-height:.92;letter-spacing:-.055em;margin:.2rem 0 .7rem;color:#fff}
body.tgzDestinationLock .heroContent p{max-width:64ch;margin:0;color:rgba(255,255,255,.86);font-weight:520;line-height:1.58}
body.tgzDestinationLock .heroPill,body.tgzDestinationLock .tgzDestinationHero>span{display:inline-flex;width:max-content;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;padding:.5rem .72rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
body.tgzDestinationLock .visualHeroRail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
body.tgzDestinationLock .visualHeroRail .v29Metric{border:1px solid rgba(16,34,53,.12);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-radius:18px;padding:12px;box-shadow:0 12px 28px rgba(16,34,53,.08)}
body.tgzDestinationLock .v29Metric b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#c56b2c;margin-bottom:4px}
body.tgzDestinationLock .v29Metric strong{display:block;color:#102235;font-size:1rem;margin-bottom:4px}
body.tgzDestinationLock .v29Metric small{display:block;color:#4b6171;line-height:1.35}
.tgzDestinationEntityLock{margin:18px 0 22px;padding:14px;border-radius:28px;border:1px solid rgba(16,34,53,.1);background:linear-gradient(180deg,#fffaf1,#f7eddc);box-shadow:0 18px 44px rgba(16,34,53,.08)}
.tgzDestinationEntityHead{display:grid;gap:7px;max-width:920px}.tgzDestinationEntityHead span{width:max-content;border-radius:999px;padding:.44rem .68rem;background:#102235;color:#fff;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.tgzDestinationEntityHead h2{margin:0;font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(1.45rem,4.5vw,2.7rem);line-height:.98;letter-spacing:-.045em;color:#102235}.tgzDestinationEntityHead p{margin:0;color:#425667;font-weight:520;line-height:1.55}.tgzDestinationMetricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px}.tgzDestinationMetricGrid article{border:1px solid rgba(16,34,53,.1);border-radius:18px;background:#fff;padding:10px;min-width:0}.tgzDestinationMetricGrid span{display:block;color:#c56b2c;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.075em}.tgzDestinationMetricGrid b{display:block;color:#102235;font-size:.91rem;line-height:1.16;margin-top:4px}.tgzDestinationActionGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.tgzDestinationActionGrid a{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center;text-decoration:none;border:1px solid rgba(16,34,53,.13);border-radius:16px;background:#fff;color:#102235;font-size:.86rem;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tgzDestinationActionGrid a:hover,.tgzDestinationActionGrid a:focus-visible{transform:translateY(-1px);box-shadow:0 10px 20px rgba(16,34,53,.09);border-color:rgba(197,107,44,.55);outline:0}.tgzDestinationActionGrid .is-primary{background:#102235;color:#fff}.tgzDestinationActionGrid .is-warm{background:#d9752e;color:#fff;border-color:#d9752e}.tgzDestinationSpotRail{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(16,34,53,.1)}.tgzDestinationSpotRail>b{color:#102235;font-weight:900}.tgzDestinationSpotRail div{display:flex;flex-wrap:wrap;gap:7px}.tgzDestinationSpotRail a{border-radius:999px;border:1px solid rgba(16,34,53,.12);background:#fff;color:#102235;padding:.48rem .65rem;text-decoration:none;font-size:.82rem;font-weight:800}.tgzDestinationPage{padding-top:18px}.tgzDestinationHero{border-radius:30px;background:linear-gradient(135deg,#102235,#1f3a4d);padding:clamp(22px,5vw,54px);color:#fff;box-shadow:0 18px 44px rgba(16,34,53,.14)}.tgzDestinationHero h1{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(2rem,7vw,4.4rem);line-height:.94;letter-spacing:-.055em;margin:.45rem 0 .75rem}.tgzDestinationHero p{max-width:72ch;color:rgba(255,255,255,.85);font-weight:520;line-height:1.58}.tgzDestinationHeroActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media(max-width:820px){body.tgzDestinationLock .visualHeroRail{grid-template-columns:1fr}.tgzDestinationMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tgzDestinationActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tgzDestinationSpotRail{grid-template-columns:1fr}.tgzDestinationEntityLock{border-radius:22px;padding:12px}body.tgzDestinationLock .heroContent{padding:22px!important}}
@media(max-width:430px){.tgzDestinationMetricGrid,.tgzDestinationActionGrid{grid-template-columns:1fr}.tgzDestinationActionGrid a{min-height:40px}.tgzDestinationHero{border-radius:22px;padding:22px}}
/* Phase 382 — native destination/entity route night completion. */
html[data-theme="dark"] body.tgzDestinationPage,
html[data-theme="dark"] body :where(.tgzDestinationLock,.tgzDestinationEntityLock){background:#030708!important;color:#f6f3eb!important;}
html[data-theme="dark"] body :where(.tgzDestinationHero,.tgzDestinationEntityHead,.tgzDestinationMetricGrid article,.tgzDestinationSpotRail,.tgzDestinationActionGrid,.v29Metric,.heroWrapV18,.visualHeroRail,.heroContent){background:#071217!important;color:#f6f3eb!important;border-color:rgba(246,243,235,.14)!important;box-shadow:none!important;}
html[data-theme="dark"] body :where(.tgzDestinationHeroActions a,.tgzDestinationActionGrid a,.heroPill,.tgzDestinationSpotRail a){background:#0b151a!important;color:#f6f3eb!important;border-color:rgba(143,230,210,.22)!important;}
html[data-theme="dark"] body :where(.is-primary,.tgzDestinationHeroActions .is-primary,.tgzDestinationActionGrid .is-primary){background:linear-gradient(135deg,#16aaa3,#8fe6d2)!important;color:#031316!important;border-color:rgba(143,230,210,.7)!important;}
html[data-theme="dark"] body :where(.tgzDestinationPage h1,.tgzDestinationPage h2,.tgzDestinationPage h3,strong,b){color:#f6f3eb!important;}
html[data-theme="dark"] body :where(.tgzDestinationPage p,.tgzDestinationPage small,.tgzDestinationPage span,li){color:#b9c4c5!important;}

/* Phase 388 — native route-family night surface/control finish. */
html[data-theme="dark"] body :where(.bfCard,.bfPanel,.bfForm,.thingsDecisionBoard,.thingsPlanCard,.thingsCard,.flightCockpit,.flightDecisionCard,.flightPanel,.oceanLockPanel,.surfSmartHero,.surfSmartPanel,.surfSmartResult,.surfSmartDeck>*,.surfSmartCarousel>*,.localCard,.entityCard,.articleCard,.topicCard,.guideCard,.rootAppCard,.editorialCard,.moneyCard,.offerCard,.hcPanel,.hcHero,.tgz268HeroCard,.tgz268Section){background:linear-gradient(180deg,rgba(15,43,57,.96),rgba(7,23,32,.98))!important;color:#edf7f5!important;border-color:rgba(151,230,214,.22)!important}
html[data-theme="dark"] body :where(.bfBtn,.thingsBtn,.flightBtn,.flightMiniBtn,.flightMiniLink,.flightChip,.flightCityChip,.oceanLockButton,.surfSmartBtn,.surfPhase356Link,.hcBtn,.tgzCommercialIntentBtn,.tgzStayMoneyBtn){background:linear-gradient(135deg,rgba(22,66,86,.95),rgba(15,43,57,.98))!important;color:#ecfaf7!important;border-color:rgba(151,230,214,.26)!important}
html[data-theme="dark"] body :where(.bfBtn.primary,.thingsBtn.primary,.flightBtn.primary,.surfSmartBtn.primary,.surfPhase356Link.primary,.hcBtnPrimary,.tgzCommercialIntentBtn--quote,.tgzStayMoneyBtn.is-primary){background:linear-gradient(135deg,#24c8b8,#b5f4dc)!important;color:#031719!important;border-color:rgba(181,244,220,.72)!important}
html[data-theme="dark"] body :where(.flightChip:nth-child(2n),.flightCityChip:nth-child(2n),.thingsBtn:nth-child(2n),.surfSmartBtn:nth-child(2n)){background:linear-gradient(135deg,rgba(38,82,117,.92),rgba(82,64,132,.70))!important;border-color:rgba(137,171,255,.30)!important}


/* Phase 389 — app spacing + native route finish. Reduces wasted space and adds richer Atlantic button grammar without touching app engines. */
html[data-theme="dark"] body{--tgz389-page:#061014;--tgz389-surface:#0a1820;--tgz389-surface2:#0f2634;--tgz389-line:rgba(160,235,222,.18);--tgz389-text:#f3fff9;--tgz389-muted:#aac3c4;--tgz389-teal:#23c7b7;--tgz389-mint:#aef5de;--tgz389-blue:#69a8ff;--tgz389-violet:#b79cff;--tgz389-copper:#d99a42;--tgz389-sand:#e9d7b4}
html[data-theme="dark"] body :where(.btn,.button,a.btn,button,.cleanSoftBtn,.cleanActionBtn,.cleanDockBtn,.quoteMiniAction,.quoteSectionAction,.weatherHeroActions .btn,.weatherSegment button,.weatherHourlyModes button,.weatherSpotSheetTab,.bfBtn,.thingsBtn,.flightBtn,.flightMiniBtn,.oceanLockButton,.surfSmartBtn,.tioFooterV4__action,.bottomQuickNav a){border-color:rgba(160,235,222,.24);box-shadow:none;text-align:center;align-items:center;justify-content:center;white-space:normal;line-height:1.12;transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease}
html[data-theme="dark"] body :where(.btn,.button,a.btn,.cleanSoftBtn,.quoteMiniAction,.weatherHeroActions .btn.secondary,.bfBtn.secondary,.flightMiniBtn,.flightMiniLink,.thingsBtn.secondary,.oceanLockButton.secondary){background:linear-gradient(135deg,rgba(16,42,56,.96),rgba(10,29,40,.98));color:#effff9;border-color:rgba(105,168,255,.28)}
html[data-theme="dark"] body :where(.btn.primary,.primary,.is-primary,.cleanPrimary,.cleanDockBtn.cleanPrimary,.weatherHeroActions .btn.primary,.weatherSegment button.is-active,.weatherHourlyModes button.is-active,.bfBtn.primary,.thingsBtn.primary,.flightBtn.primary,.oceanLockButton.primary,button[type="submit"]){background:linear-gradient(135deg,#23c7b7,#aef5de);color:#031719;border-color:rgba(174,245,222,.72)}
html[data-theme="dark"] body :where(.btn:nth-of-type(3n),.cleanSoftBtn:nth-of-type(3n),.weatherHeroActions .btn:nth-of-type(3n),.bfBtn:nth-of-type(3n),.thingsBtn:nth-of-type(3n),.flightMiniBtn:nth-of-type(3n)){background:linear-gradient(135deg,rgba(105,168,255,.28),rgba(183,156,255,.18));border-color:rgba(105,168,255,.34);color:#f3f8ff}
html[data-theme="dark"] body :where(.btn:nth-of-type(4n),.cleanSoftBtn:nth-of-type(4n),.weatherHeroActions .btn:nth-of-type(4n),.bfBtn:nth-of-type(4n),.thingsBtn:nth-of-type(4n),.flightMiniBtn:nth-of-type(4n)){background:linear-gradient(135deg,rgba(217,154,66,.30),rgba(233,215,180,.12));border-color:rgba(217,154,66,.40);color:#fff4df}
html[data-theme="dark"] body :where(.btn:hover,.button:hover,a.btn:hover,button:hover,.cleanSoftBtn:hover,.cleanActionBtn:hover,.weatherHeroActions .btn:hover,.bfBtn:hover,.thingsBtn:hover,.flightBtn:hover,.oceanLockButton:hover){filter:brightness(1.06);transform:translateY(-1px)}
@media (max-width:760px){body :where(main,.buildCleanMain,.weatherFinalApp,.surfSmartApp,.bfApp,.thingsApp,.flightCockpit,.oceanLockApp){--tgz-route-gap:12px}body :where(.container,.buildCleanShell,.weatherFinalApp,.surfSmartShell,.bfShell,.thingsShell,.flightShell,.oceanLockShell){padding-left:12px;padding-right:12px}body :where(.buildCleanHero,.cleanStep,.cleanStayPanel,.weatherHero,.weatherNowCard,.weatherBoard,.weatherSpotMatrix,.bfPanel,.bfCard,.thingsDecisionBoard,.thingsPlanCard,.thingsCard,.flightDecisionCard,.flightPanel,.oceanLockPanel,.surfSmartPanel,.surfSmartResult,.localCard,.entityCard,.articleCard,.topicCard,.guideCard,.siteIndexCard){border-radius:20px;padding:14px;gap:10px}body :where(.buildCleanHero h1,.weatherHero h1,.bfHero h1,.thingsHero h1,.flightHero h1,.oceanLockHero h1){font-size:clamp(28px,8.8vw,42px);line-height:.95;margin-bottom:8px}body :where(.cleanModeGrid,.cleanBookingGrid,.guestCounterGrid,.activityCards,.weatherMetricGrid,.weatherSpotSheetGrid,.bfGrid,.thingsGrid,.flightGrid){gap:9px}}


/* Phase 393 — native density + lively Atlantic controls. */
html[data-theme="dark"] body :where(.btn,.button,button.cleanSoftBtn,button.cleanActionBtn,a.cleanSoftBtn,a.cleanActionBtn,.chip,.tab,.pill,.routeChip,.menuTreeChip,.weatherSpotSheetItem,.tgz393Route){
  min-width:0;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
html[data-theme="dark"] body :where(.btn.secondary,.button.secondary,.chip,.tab,.pill,.routeChip,.menuTreeChip):not(.is-active):not([aria-current="page"]){
  background:linear-gradient(135deg,rgba(15,45,58,.94),rgba(8,28,38,.98));
  border-color:rgba(105,168,255,.24);
  color:#edfdf8;
}
html[data-theme="dark"] body :where(.btn.primary,.button.primary,.is-active,[aria-current="page"]):not(.tgz393Brand){
  background:linear-gradient(135deg,var(--tgz393-teal,#23c7b7),var(--tgz393-mint,#aef5de));
  border-color:rgba(174,245,222,.62);
  color:#031719;
}
html[data-theme="dark"] body :where(.btn.secondary:hover,.button.secondary:hover,.chip:hover,.tab:hover,.pill:hover,.routeChip:hover,.menuTreeChip:hover){
  border-color:rgba(174,245,222,.42);
  background:linear-gradient(135deg,rgba(22,63,78,.98),rgba(10,35,47,.98));
}
@media(max-width:780px){
  body :where(main .section,main section,.appSection,.weatherSection,.buildStep,.surfAppSection,.routeSection){
    padding-top:clamp(10px,3.4vw,18px)!important;
    padding-bottom:clamp(10px,3.4vw,18px)!important;
  }
  body :where(main .container,main .wrap,main .shell,.appShell,.weatherShell,.buildShell){
    padding-left:clamp(12px,3.6vw,18px)!important;
    padding-right:clamp(12px,3.6vw,18px)!important;
  }
  body :where(.cards,.grid,.appGrid,.weatherGrid,.buildGrid,.spotGrid,.routeGrid,.proofGrid,.linkGrid,.buttonGrid,.btnRow){
    gap:clamp(7px,2.4vw,12px)!important;
  }
  body :where(.card,.panel,.appCard,.weatherCard,.buildCard,.spotCard,.routeCard,.proofCard,.faq details){
    border-radius:clamp(16px,4.2vw,22px)!important;
  }
  body :where(.btn,.button,button.cleanSoftBtn,button.cleanActionBtn,a.cleanSoftBtn,a.cleanActionBtn,.chip,.tab,.pill,.routeChip,.menuTreeChip){
    min-height:38px!important;
    padding-block:clamp(7px,2vw,10px)!important;
    padding-inline:clamp(9px,2.8vw,13px)!important;
    line-height:1.15!important;
    justify-content:center!important;
    text-align:center!important;
  }
}
/* TGZ_PHASE_393_NATIVE_DENSITY_LOCK */

/* Phase 398F — Destination/entity route native whitespace/button polish. */
.destinationPage,.entityPage{--dest-398f-gap:var(--tgz-ui-density-gap,10px);--dest-398f-pad:var(--tgz-ui-density-card-pad,12px)}.destinationPage :where(.card,.panel,.destinationCard,.entityCard,.routeCard,.proofCard,.faqCard),.entityPage :where(.card,.panel,.destinationCard,.entityCard,.routeCard,.proofCard,.faqCard){padding:min(var(--dest-398f-pad),14px)}.destinationPage :where(.grid,.cards,.btnRow,.chipRow,.routeGrid,.proofGrid),.entityPage :where(.grid,.cards,.btnRow,.chipRow,.routeGrid,.proofGrid){gap:8px}.destinationPage :where(.btn,.pill,.chip,.routeChip),.entityPage :where(.btn,.pill,.chip,.routeChip){min-height:var(--tgz-ui-control-min,38px);padding:8px 11px;border-radius:14px;text-align:center;white-space:normal;line-height:1.12;align-items:center;justify-content:center}@media(max-width:760px){.destinationPage :where(.card,.panel,.destinationCard,.entityCard,.routeCard,.proofCard,.faqCard),.entityPage :where(.card,.panel,.destinationCard,.entityCard,.routeCard,.proofCard,.faqCard){padding:10px;border-radius:18px}.destinationPage :where(.btn,.pill,.chip,.routeChip),.entityPage :where(.btn,.pill,.chip,.routeChip){min-height:36px;padding:8px 10px;font-size:.8rem}}
