/* Shared hardening for generated guide and blog layouts. */
main > .mx-auto.grid > * {
  min-width: 0;
}

.prose-rn {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .prose-rn table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
}