/* Keep long documentation trails readable instead of clipping them at phone widths. */
@media (max-width: 42rem) {
  .docs-breadcrumbs {
    overflow: visible;
  }

  .docs-breadcrumbs ol {
    white-space: normal;
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
    padding-bottom: 0;
    overflow-x: visible;
  }

  .docs-breadcrumbs li:last-child {
    flex-basis: 100%;
  }
}

/* Preserve navigation, version selection, and search at the 320px reflow gate. */
@media (max-width: 22rem) {
  [data-theme-toggle] {
    display: none;
  }
}