/* Keep long translated article titles clear of their breadcrumbs. */
.translated-article #page-title .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.translated-article #page-title h1 {
  max-width: 100%;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.translated-article #page-title .breadcrumb {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  max-width: 100%;
  white-space: normal;
}

@media (max-width: 767.98px) {
  .translated-article #page-title .container {
    align-items: center;
  }

  .translated-article #page-title .breadcrumb {
    justify-content: center;
  }
}