/* Wider desktop bubbles without breaking the 3-column layout */
@media (min-width: 1000px) {
  .message-bubble {
    width: fit-content !important;
    max-width: min(52vw, calc(100% - 54px)) !important;
    font-size: .98rem !important;
    line-height: 1.48 !important;
  }
}
@media (max-width: 999px) {
  .message-bubble { max-width: 86% !important; }
}