html body #root#root#root #main-content .tab-bar:not(:where(.official-paper *, .official-format-preview *, .official-document-flow *, .document-canvas *, .certificate-sheet *, .certificate-border *, .pdf-document-pages *, .fl-pdf-preview *, .full-manuscript-preview *)) {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 760px) {
  html body #root#root#root #main-content .tab-bar:not(:where(.official-paper *, .official-format-preview *, .official-document-flow *, .document-canvas *, .certificate-sheet *, .certificate-border *, .pdf-document-pages *, .fl-pdf-preview *, .full-manuscript-preview *)) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
  html body #root#root#root #main-content .tab-bar > button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  html body #root#root#root #main-content .available-grid:not(:where(.official-paper *, .official-format-preview *, .official-document-flow *, .document-canvas *, .certificate-sheet *, .pdf-document-pages *, .full-manuscript-preview *)) {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    max-width: 100%;
  }
  html body #root#root#root #main-content .available-grid > article {
    min-width: 0;
    max-width: 100%;
  }
  html body #root#root#root #main-content .available-grid :is(h2, p, dl, dd, .available-card-actions) {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  html body #root#root#root #main-content .available-grid dl > div {
    display: grid;
    grid-template-columns: 4em minmax(0, 1fr);
    align-items: start;
    gap: 8px 12px;
  }
  html body #root#root#root #main-content .available-grid :is(dt, dd) {
    min-width: 0;
    font-size: 14px;
    line-height: 1.6;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
