/* V1.1.207 - Standalone PWA / iOS Web Clip / Android WebView bottom safe area.
 * The navigation CONTENT is 58px, safe-area extends BELOW it. */
@media (max-width:760px) {
  html, body { background-color:#f7f6fc; }
  #member-app .mobile-tabs {
    box-sizing:border-box!important;
    height:calc(58px + env(safe-area-inset-bottom, 0px))!important;
    min-height:calc(58px + env(safe-area-inset-bottom, 0px))!important;
    flex:0 0 calc(58px + env(safe-area-inset-bottom, 0px))!important;
    padding:4px max(12px, env(safe-area-inset-right, 0px)) calc(4px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px))!important;
    background:#f7f6fc!important;
    overflow:visible!important;
  }
  #member-app .mobile-tabs button { box-sizing:border-box; min-height:48px; align-content:center; }
}
#member-app .msg-bubble .chat-external-link,
#member-app .dm-bubble .chat-external-link {
  color:#2862d2;
  text-decoration:underline;
  text-underline-offset:2px;
  overflow-wrap:anywhere;
  word-break:break-word;
  cursor:pointer;
}
#member-app .msg-bubble .chat-external-link:focus-visible,
#member-app .dm-bubble .chat-external-link:focus-visible { outline:2px solid #3478f6; outline-offset:2px; border-radius:2px; }