/* GLANOS Talk Lab V65A — search consistency + result language tone */

/* Root search must have the exact same geometry in KO / JA / EN. */
.tl-main > .hero .search-area{
  display:block!important;
  width:100%!important;
  max-width:690px!important;
}
.tl-main > .hero .search-stack{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.tl-main > .hero form.search-form[data-root-search]{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
.tl-main > .hero form.search-form[data-root-search] .search-input{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:54px!important;
  padding:0 52px 0 48px!important;
}
.tl-main > .hero form.search-form[data-root-search] .search-btn{
  right:8px!important;
}
.tl-main > .hero form.search-form[data-root-search] .tl-v65-search-clear{
  right:50px!important;
}

/* Search-result language choices keep the light-blue surface,
   but the text no longer adds another strong blue layer. */
.tl-search-results .tl-situation-target,
.tl-situation-card .tl-situation-target,
.tl-situation-target{
  color:#111827!important;
}

@media(max-width:640px){
  .tl-main > .hero .search-area,
  .tl-main > .hero .search-stack,
  .tl-main > .hero form.search-form[data-root-search]{
    width:100%!important;
    max-width:100%!important;
  }
  .tl-main > .hero form.search-form[data-root-search] .search-input{
    width:100%!important;
    max-width:100%!important;
    height:52px!important;
  }
}

/* GLANOS Talk Lab V65B — mobile root search width + breathing room */

/* More breathing room between the hero copy and search. */
.tl-main > .hero .search-area{
  margin-top:44px!important;
}

@media(max-width:640px){
  /* Force the same full-width search rail in every source language.
     This intentionally overrides the older EN/JA flex: width:0 rule. */
  html[lang="ko"] .tl-main > .hero .hero-copy,
  html[lang="en"] .tl-main > .hero .hero-copy,
  html[lang="ja"] .tl-main > .hero .hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  html[lang="ko"] .tl-main > .hero .search-area,
  html[lang="en"] .tl-main > .hero .search-area,
  html[lang="ja"] .tl-main > .hero .search-area{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:42px!important;
  }

  html[lang="ko"] .tl-main > .hero .search-stack,
  html[lang="en"] .tl-main > .hero .search-stack,
  html[lang="ja"] .tl-main > .hero .search-stack,
  html[lang="ko"] .tl-main > .hero form.search-form[data-root-search],
  html[lang="en"] .tl-main > .hero form.search-form[data-root-search],
  html[lang="ja"] .tl-main > .hero form.search-form[data-root-search]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:none!important;
  }

  html[lang="ko"] .tl-main > .hero form.search-form[data-root-search] .search-input,
  html[lang="en"] .tl-main > .hero form.search-form[data-root-search] .search-input,
  html[lang="ja"] .tl-main > .hero form.search-form[data-root-search] .search-input{
    display:block!important;
    flex:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    height:54px!important;
  }
}