/* Teamtuli public-site shell shared visually with /home.
   Scoped to /support: do not override customer auth, ticket forms or tracking. */
body.tts-site-integrated{
  --tts-navy:#091d40;
  --tts-teal:#00b5a6;
  --tts-teal-dark:#008f84;
  --tts-border:#e1e9f1;
}
body.tts-site-integrated .support-public-header.tts-site-header{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:clamp(13px,2vw,32px)!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:76px!important;
  height:76px!important;
  margin:0!important;
  padding:0 clamp(22px,5vw,104px)!important;
  background:rgba(255,255,255,.97)!important;
  border:0!important;
  border-bottom:1px solid #e7edf3!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}
body.tts-site-integrated .tts-site-header .brand,
body.tts-site-integrated .tts-site-header .tts-fallback-brand{
  flex:0 0 auto!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
body.tts-site-integrated .tts-site-header .brand .tts-logo-home-hitbox{
  position:absolute;
  inset:0;
  display:block;
  z-index:5;
  cursor:pointer;
  border-radius:7px;
}
body.tts-site-integrated .tts-site-header .brand .tts-logo-home-hitbox:focus-visible{
  outline:3px solid var(--tts-teal);
  outline-offset:4px;
}
body.tts-site-integrated .tts-site-header .brand .ttu-official-logo,
body.tts-site-integrated .tts-site-header .tts-fallback-brand img{
  display:block!important;
  width:202px!important;
  max-width:100%!important;
  height:53px!important;
  max-height:53px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
body.tts-site-integrated .tts-site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:clamp(12px,1.5vw,26px)!important;
}
body.tts-site-integrated .tts-site-nav a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  white-space:nowrap;
  font-size:13px;
  font-weight:690;
  color:#183358;
  text-decoration:none;
  transition:color .2s;
}
body.tts-site-integrated .tts-site-nav a:hover,
body.tts-site-integrated .tts-site-nav a.tts-current{color:var(--tts-teal-dark);}
body.tts-site-integrated .tts-site-nav a.tts-current{position:relative;}
body.tts-site-integrated .tts-site-nav a.tts-current:after{
  content:"";height:2px;background:var(--tts-teal);
  border-radius:2px;position:absolute;bottom:4px;left:0;right:0;
}
body.tts-site-integrated .tts-site-header :is(.support-header-actions,.support-public-actions,.support-actions){
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
}
body.tts-site-integrated .tts-site-header .tts-site-menu-toggle{
  display:none;
  flex:0 0 40px;
  width:40px;height:40px;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  border:1px solid #d6e4ea;border-radius:10px;
  background:white;cursor:pointer;
}
body.tts-site-integrated .tts-site-header .tts-site-menu-toggle span{
  width:18px;height:2px;background:var(--tts-navy);border-radius:2px;
}
body.tts-site-integrated .tts-site-header a:focus-visible,
body.tts-site-integrated .tts-site-header button:focus-visible,
body.tts-site-integrated .tt-footer a:focus-visible{
  outline:3px solid var(--tts-teal)!important;outline-offset:3px;
}
/* Match homepage's edge-to-edge container, while retaining original form layouts. */
body.tts-site-integrated .support-public-main{
  box-sizing:border-box!important;
  max-width:none!important;width:100%!important;min-width:0!important;
  padding-left:clamp(22px,5vw,104px)!important;
  padding-right:clamp(22px,5vw,104px)!important;
}
body.tts-site-integrated .support-public-main .support-hero,
body.tts-site-integrated .support-public-main .support-public-grid{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
/* Keep the original dynamic footer in DOM. Show the same website footer as /home. */
body.tts-site-integrated .support-public-footer{display:none!important;}
body.tts-site-integrated .tt-footer{
  box-sizing:border-box;
  width:100%;clear:both;
  background:#071833;color:#d4e3f0;
  padding:54px 0 21px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body.tts-site-integrated .tt-footer *,
body.tts-site-integrated .tt-footer *:before,
body.tts-site-integrated .tt-footer *:after{box-sizing:border-box;}
body.tts-site-integrated .tt-footer .tt-container{
  width:100%;max-width:none;margin:0 auto;
  padding:0 clamp(22px,5vw,104px);
}
body.tts-site-integrated .tt-footer-main{
  display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:32px;
}
body.tts-site-integrated .tt-footer-main .tts-footer-brand img{
  display:block;width:166px;max-width:100%;height:auto;
  border-radius:6px;background:#fff;padding:3px;
}
body.tts-site-integrated .tt-footer-main p{
  color:#b6cce0;font-size:12px;line-height:1.65;margin:16px 0;
}
body.tts-site-integrated .tt-footer-main nav{display:flex;flex-direction:column;gap:11px;align-items:flex-start;}
body.tts-site-integrated .tt-footer-main nav b{
  color:#fff;font-size:13px;font-weight:750;margin-bottom:3px;
}
body.tts-site-integrated .tt-footer-main nav a{
  color:#b7c9dc;font-size:12px;text-decoration:none;
}
body.tts-site-integrated .tt-footer-main nav a:hover{color:#67ebde;}
body.tts-site-integrated .tt-footer-bottom{
  border-top:1px solid #234061;padding-top:20px;margin-top:45px;
  display:flex;justify-content:space-between;gap:20px;
  font-size:11px;color:#a7bdd2;
}
@media(max-width:1320px){
  body.tts-site-integrated .tts-site-nav{gap:13px!important;}
  body.tts-site-integrated .tts-site-nav a{font-size:11.5px;}
}
@media(max-width:1120px){
  body.tts-site-integrated .support-public-header.tts-site-header{
    height:auto!important;min-height:76px!important;
    padding-top:11px!important;padding-bottom:11px!important;
    flex-wrap:wrap!important;gap:11px!important;
  }
  body.tts-site-integrated .tts-site-header .tts-site-menu-toggle{
    display:flex!important;order:9;margin-left:auto;
  }
  body.tts-site-integrated .tts-site-header .tts-site-nav{
    order:10;flex:1 0 100%!important;
    width:100%;display:none!important;
    flex-direction:column!important;align-items:stretch!important;
    gap:0!important;margin:0!important;
    padding:10px 0!important;
    border-top:1px solid #e7edf3;
  }
  body.tts-site-integrated .tts-site-header .tts-site-nav a{
    font-size:13px;min-height:43px;padding:9px 12px;
  }
  body.tts-site-integrated .tts-site-header .tts-site-nav a.tts-current:after{display:none;}
  body.tts-site-integrated .tts-site-header :is(.support-header-actions,.support-public-actions,.support-actions){
    display:none!important;order:11;
    width:100%;flex:1 0 100%!important;
    padding:13px 0 4px!important;flex-wrap:wrap;
    border-top:1px solid #e7edf3;
  }
  body.tts-site-integrated .tts-site-header.tts-site-menu-open .tts-site-nav{display:flex!important;}
  body.tts-site-integrated .tts-site-header.tts-site-menu-open :is(.support-header-actions,.support-public-actions,.support-actions){display:flex!important;}
  body.tts-site-integrated .tt-footer-main{grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:22px;}
}
@media(max-width:750px){
  body.tts-site-integrated .support-public-header.tts-site-header{min-height:66px!important;padding:8px 20px!important;}
  body.tts-site-integrated .tts-site-header .brand .ttu-official-logo,
  body.tts-site-integrated .tts-site-header .tts-fallback-brand img{width:155px!important;height:auto!important;max-height:44px!important;}
  body.tts-site-integrated .support-public-main{padding-left:20px!important;padding-right:20px!important;}
  body.tts-site-integrated .tt-footer .tt-container{padding-inline:20px;}
  body.tts-site-integrated .tt-footer-main{grid-template-columns:1fr 1fr;}
  body.tts-site-integrated .tt-footer-main .tts-footer-brand{grid-column:1/-1;}
  body.tts-site-integrated .tt-footer-bottom{flex-direction:column;gap:6px;}
}
@media(max-width:420px){
  body.tts-site-integrated .tts-site-header .brand .ttu-official-logo,
  body.tts-site-integrated .tts-site-header .tts-fallback-brand img{width:135px!important;}
  body.tts-site-integrated .tt-footer-main{gap:22px;}
  body.tts-site-integrated .tt-footer-bottom{margin-top:28px;}
}
@media(prefers-reduced-motion:reduce){
  body.tts-site-integrated .tts-site-nav a{transition:none!important;}
}