/* The approved Home banner is shared across Home, Messages and Help. */
.messenger-header {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:16px;
  flex:0 0 auto;
  min-height:132px;
  padding:14px 24px 22px;
  background:#e94728;
  color:#fff;
}
.messenger-header .messenger-wordmark {
  display:block;
  width:190px;
  height:45.6px;
  max-height:none;
  margin-left:-8px;
  object-fit:contain;
}
.messenger-header .messenger-heading {
  width:calc(100% - 46px);
  margin:0;
  font:650 28px/1.2 Manrope,sans-serif;
  letter-spacing:-1.1px;
}
.messenger-header .messenger-mascot {
  position:absolute;
  right:17px;
  bottom:15px;
  width:55px;
  height:66px;
  object-fit:contain;
}
.messenger-header .messenger-close {
  position:absolute;
  top:15px;
  right:14px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:8px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
}
.messenger-header .messenger-close svg { width:18px; height:18px; }
.messenger-header .messenger-close:hover { background:#ffffff1f; }
.messenger-header .messenger-close:focus-visible { outline:2px solid #fff; outline-offset:2px; }
body[data-variant][data-view='inbox'] .chat-header { display:none; }
body[data-variant][data-view='thread'] #inbox-header { display:none; }

/* A clear text column and a full circular target, fixed to the right edge. */
.help-link-arrow {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  margin-left:auto;
  border:1px solid #eedfd3;
  border-radius:50%;
  background:#fff8f2;
  color:#c64d21;
}
.help-link-arrow svg { display:block; width:15px; height:15px; }
.help-link:hover .help-link-arrow { border-color:#e4bda4; background:#fff0e4; }
.help-link:focus-visible { outline:2px solid #c34215; outline-offset:3px; }
.help-link-label { min-width:0; }

@media(max-width:360px) {
  .messenger-header { min-height:122px; padding:14px 18px 22px; gap:15px; }
  .messenger-header .messenger-wordmark { width:177px; height:42.48px; }
  .messenger-header .messenger-heading { width:calc(100% - 37px); font-size:24px; letter-spacing:-.9px; }
  .messenger-header .messenger-mascot { width:44px; height:58px; right:12px; bottom:14px; }
  .messenger-header .messenger-close { right:10px; }
}