/* Travel Network World — Growth R20 interaction layer. */

body.tnw-site .tnw-shell-assurance__inner{
  justify-content:space-between;
  gap:1rem;
}
body.tnw-site .tnw-shell-assurance__promise,
body.tnw-site .tnw-ecosystem-nav{
  display:flex;
  align-items:center;
  gap:clamp(.7rem,2vw,1.4rem);
}
body.tnw-site .tnw-shell-assurance__promise a,
body.tnw-site .tnw-ecosystem-nav a{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  color:inherit;
  text-decoration:none;
}
body.tnw-site .tnw-ecosystem-nav a{
  min-height:28px;
  padding:.25rem .58rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  font-weight:800;
}
body.tnw-site .tnw-ecosystem-nav a:hover,
body.tnw-site .tnw-ecosystem-nav a:focus-visible{
  background:rgba(255,255,255,.16);
}

body.tnw-site .tnw-site-search__suggestions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
  margin-top:1rem;
}
body.tnw-site .tnw-site-search__suggestions[hidden]{display:none}
body.tnw-site .tnw-search-suggestion{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:.7rem;
  align-items:center;
  min-width:0;
  padding:.72rem .8rem;
  border:1px solid var(--tnw-line,#d9e3ea);
  border-radius:13px;
  background:#fff;
  color:var(--tnw-navy,#0b2239);
  text-decoration:none;
}
body.tnw-site .tnw-search-suggestion:hover,
body.tnw-site .tnw-search-suggestion:focus-visible{
  border-color:#93bfd0;
  background:#f5fbfd;
}
body.tnw-site .tnw-search-suggestion__icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  background:var(--tnw-sky,#eaf6fb);
  color:var(--tnw-blue,#0b5fa5);
}
body.tnw-site .tnw-search-suggestion strong,
body.tnw-site .tnw-search-suggestion small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.tnw-site .tnw-search-suggestion small{margin-top:.12rem;color:var(--tnw-muted,#607387);font-size:.76rem}
body.tnw-site .tnw-search-suggestion>i{color:#8aa0ae;font-size:.72rem}

body.tnw-site .tnw-reading-progress{
  position:fixed;
  z-index:10020;
  inset:0 0 auto;
  height:4px;
  transform:scaleX(var(--tnw-reading-progress,0));
  transform-origin:left center;
  background:linear-gradient(90deg,#0c658f,#20a5c8);
  box-shadow:0 1px 6px rgba(12,101,143,.25);
  pointer-events:none;
}
body.tnw-site .tnw-growth-next{padding:0 0 clamp(44px,7vw,80px)}
body.tnw-site .tnw-growth-next__inner{
  padding:clamp(22px,4vw,36px);
  border:1px solid #d5e4eb;
  border-radius:24px;
  background:linear-gradient(135deg,#f4fbfd,#fff 58%,#f2f7fb);
  box-shadow:0 16px 42px rgba(8,35,57,.07);
}
body.tnw-site .tnw-growth-next__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.2rem;
}
body.tnw-site .tnw-growth-next__head h2{margin:.2rem 0 0;font-size:clamp(1.45rem,3vw,2.1rem)}
body.tnw-site .tnw-growth-next__head p{max-width:62ch;margin:0;color:var(--tnw-muted,#607387)}
body.tnw-site .tnw-growth-next__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
body.tnw-site .tnw-growth-next__link{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:.72rem;
  align-items:center;
  min-width:0;
  padding:.9rem;
  border:1px solid var(--tnw-line,#d9e3ea);
  border-radius:14px;
  background:#fff;
  color:var(--tnw-navy,#0b2239);
  font-weight:850;
  text-decoration:none;
  box-shadow:0 5px 16px rgba(8,35,57,.04);
}
body.tnw-site .tnw-growth-next__link i{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:11px;
  background:var(--tnw-sky,#eaf6fb);
  color:var(--tnw-blue,#0b5fa5);
}
body.tnw-site .tnw-growth-next__link span{overflow-wrap:anywhere}
body.tnw-site .tnw-growth-next__link:hover{transform:translateY(-2px);border-color:#9fc6d6;box-shadow:0 12px 26px rgba(8,35,57,.08)}

body.tnw-site .partner-widget[data-widget-state="loading"] .partner-widget__embed{min-height:220px;position:relative;overflow:hidden}
body.tnw-site .partner-widget[data-widget-state="loading"] .partner-widget__embed::before{
  content:"Loading live partner tool…";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  border:1px dashed #bbd3df;
  border-radius:16px;
  background:linear-gradient(100deg,#f5f9fb 25%,#fff 42%,#f5f9fb 58%);
  background-size:220% 100%;
  color:var(--tnw-muted,#607387);
  font-weight:750;
  animation:tnw-r20-shimmer 1.5s linear infinite;
}
body.tnw-site .partner-widget[data-widget-state="ready"] .partner-widget__fallback{display:none!important}
body.tnw-site .partner-widget[data-widget-state="unavailable"] .partner-widget__embed{display:none!important}
body.tnw-site .partner-widget[data-widget-state="unavailable"] .partner-widget__fallback{display:flex!important}
@keyframes tnw-r20-shimmer{to{background-position:-220% 0}}

@media(max-width:900px){
  body.tnw-site .tnw-shell-assurance__promise span{display:none}
  body.tnw-site .tnw-growth-next__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.tnw-site .tnw-shell-assurance__inner{overflow-x:auto;scrollbar-width:none}
  body.tnw-site .tnw-shell-assurance__inner::-webkit-scrollbar{display:none}
  body.tnw-site .tnw-shell-assurance__promise,
  body.tnw-site .tnw-ecosystem-nav{flex:0 0 auto}
  body.tnw-site .tnw-shell-assurance__promise a{white-space:nowrap}
  body.tnw-site .tnw-site-search__suggestions,
  body.tnw-site .tnw-growth-next__grid{grid-template-columns:1fr}
  body.tnw-site .tnw-growth-next__head{align-items:flex-start;flex-direction:column}
  body.tnw-site .tnw-growth-next__inner{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
  body.tnw-site .tnw-growth-next__link{transition:none}
  body.tnw-site .tnw-growth-next__link:hover{transform:none}
  body.tnw-site .partner-widget[data-widget-state="loading"] .partner-widget__embed::before{animation:none}
}
