/* The same Chats composition in every locale, with language-specific typography only. */
.c9-page h1,
.c9-page h2 {
  max-width: 100%;
  white-space: nowrap;
}

.c9-page h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.c9-active {
  overflow-x: hidden;
}

body.c9-active .c9-page,
body.c9-active .c9-hero-copy {
  min-width: 0;
  max-width: 100%;
}

body.c9-locale-pl .c9-page h1,
body.c9-locale-pl .c9-page h2 {
  letter-spacing: -.055em;
}

body.c9-locale-ar .c9-page {
  direction: rtl;
  font-family: "IBM Plex Sans Arabic", "Alexandria", sans-serif;
  text-align: right;
}

body.c9-locale-ar .c9-page :is(h1, h2, h3, h4, button) {
  font-family: "Alexandria", "IBM Plex Sans Arabic", sans-serif;
}

body.c9-locale-ar .c9-page :is(.c9-label, .c9-card-top, .c9-mode-head, .c9-number, small) {
  letter-spacing: 0 !important;
}

body.c9-locale-ar .c9-actions,
body.c9-locale-ar .c9-trust,
body.c9-locale-ar .c9-access-board > header,
body.c9-locale-ar .c9-access-board > footer,
body.c9-locale-ar .c9-groups p,
body.c9-locale-ar .c9-file-demo,
body.c9-locale-ar .c9-file-preview header,
body.c9-locale-ar .c9-priority-note > header,
body.c9-locale-ar .c9-priority-note > footer,
body.c9-locale-ar .c9-faq button {
  text-align: right;
}

body.c9-locale-ar .c9-label i,
body.c9-locale-ar .c9-trust i,
body.c9-locale-ar .c9-live i,
body.c9-locale-ar .c9-access-board > header i,
body.c9-locale-ar .c9-priority-note > header span i {
  margin-right: 0;
  margin-left: 8px;
}

body.c9-locale-ar .c9-index span,
body.c9-locale-ar .c9-consequences article,
body.c9-locale-ar .c9-belief footer span {
  border-right: 0;
  border-left: 1px solid currentColor;
}

body.c9-locale-ar .c9-person > i {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

body.c9-locale-ar .c9-person > div em,
body.c9-locale-ar .c9-timeline article > i {
  right: auto;
  left: 18px;
}

body.c9-locale-ar .c9-faq button,
body.c9-locale-ar .c9-faq article > p {
  text-align: right;
}

body.c9-locale-ar .c9-faq article > p {
  padding-right: 0;
  padding-left: 55px;
}

body.c9-locale-ar .c9-priority-note > footer span::after {
  margin-right: 12px;
  margin-left: 0;
}

@media (max-width: 640px) {
  body.c9-locale-pl .c9-hero-copy h1 {
    font-size: 32px !important;
    line-height: .98;
  }

  body.c9-locale-ar .c9-hero-copy h1 {
    font-size: 38px !important;
    line-height: 1.18;
  }

  body.c9-locale-pl .c9-page h2,
  body.c9-locale-ar .c9-page h2 {
    font-size: 30px !important;
  }

  body.c9-locale-pl .c9-page h1,
  body.c9-locale-pl .c9-page h2,
  body.c9-locale-ar .c9-page h1,
  body.c9-locale-ar .c9-page h2 {
    letter-spacing: -.045em;
  }

  body.c9-locale-ar .c9-faq article > p {
    padding-left: 28px;
  }

  body.c9-locale-pl .c9-shell,
  body.c9-locale-ar .c9-shell {
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
  }

  body.c9-locale-ar .c9-actions a,
  body.c9-locale-ar .c9-trust,
  body.c9-locale-ar .c9-back,
  body.c9-locale-ar .c9-hero-copy > .c9-label {
    max-width: 100%;
  }
}