/* v11.42.63 — Official Kakao Open Chat header link.
   Keep the centered v62 frame and one-row navigation. The action sits
   directly to the LEFT of the watchlist heart, without scrolling the header. */
html body .hp-public-header .hp-openchat-nav{
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  border-radius:12px!important;
  color:#242424!important;
  background:#fee500!important;
  border:1px solid #ead200!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.2!important;
  transition:background-color .18s, box-shadow .18s!important;
}
html body .hp-public-header .hp-openchat-nav:hover{
  background:#f3db00!important;
  box-shadow:0 3px 12px rgba(0,0,0,.11)!important;
}
html body .hp-public-header .hp-openchat-nav:focus-visible{
  outline:3px solid #2463eb!important;
  outline-offset:2px!important;
}
html body .hp-public-header .hp-openchat-nav svg{
  display:block!important;
  flex:0 0 auto!important;
}
html body .hp-public-header .hp-openchat-nav--mobile{display:none!important;}

@media(min-width:741px){
  html body .hp-public-header .hp-openchat-nav--desktop{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:100px!important;
    min-height:39px!important;
    height:39px!important;
    gap:6px!important;
    padding:0 10px!important;
    margin:0!important;
    order:0!important;
  }
  html body .hp-public-header .hp-openchat-nav--mobile{display:none!important;}
  /* On small desktop widths, prefer keeping existing text navigation visible.
     The open-chat action remains visible as an icon with a descriptive tooltip. */
}
@media(min-width:741px) and (max-width:1099px){
  html body .hp-public-header .hp-openchat-nav--desktop{
    flex:0 0 39px!important;
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0!important;
  }
  html body .hp-public-header .hp-openchat-nav--desktop>span{display:none!important;}
  html body .hp-public-header .hp-openchat-nav--desktop svg{width:21px;height:21px;}
}
@media(max-width:740px){
  html body .hp-public-header .hp-openchat-nav--desktop{display:none!important;}
  html body .hp-public-header .hp-openchat-nav--mobile{
    display:inline-flex!important;
    position:relative!important;
    order:1!important;
    flex:0 0 39px!important;
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    border-radius:11px!important;
  }
  /* The heart must remain next to open chat, not separated by auto margin. */
  html body .hp-public-header .hp-watch-nav--mobile{
    margin-left:0!important;
  }
}
@media(max-width:380px){
  html body .hp-public-header .hp-openchat-nav--mobile{
    flex-basis:35px!important;width:35px!important;min-width:35px!important;
    height:35px!important;min-height:35px!important;
  }
}