html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.mimaxmotor-banner > *,
.maxlining-entry > *,
.toughdog-entry > *,
.popular-guides > *,
.engineering-entry > *,
.work-project-card__copy,
.work-family-card > div,
.work-family-hero > div {
  min-width: 0;
}

.mimaxmotor-banner__cta,
.maxlining-button,
.toughdog-entry__copy > a,
.eng-button,
.work-button,
.work-close a {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.work-project-card__copy strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.work-project-card__copy b {
  flex: 0 0 38px;
  min-width: 38px;
  overflow: hidden;
  font-size: 1.35rem;
  line-height: 1;
}

.work-family-nav {
  max-width: 100%;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.work-family-nav::-webkit-scrollbar {
  display: none;
}

@media (max-width: 600px) {
  .mimaxmotor-banner__copy,
  .maxlining-entry__copy,
  .toughdog-entry__copy,
  .engineering-entry__copy {
    padding-inline: 18px;
  }

  .mimaxmotor-banner__cta,
  .maxlining-button,
  .toughdog-entry__copy > a,
  .eng-button,
  .work-button,
  .work-close a {
    width: 100%;
    gap: 1rem;
  }

  .work-project-card__copy {
    padding: 1rem;
  }

  .work-project-card__copy strong {
    font-size: clamp(1.08rem, 5.5vw, 1.3rem);
  }
}
