/* bavinsky.com fixes (2026-10-21, Drupal 11 upgrade).
 * Phone and tablet: the horizontal main menu wraps and centres instead of
 * running off the right edge of the screen. */
@media screen and (max-width: 60em) {
  .ms-horizontal .rm-block .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: none;
    width: 100%;
    white-space: normal;
  }
  .ms-horizontal .rm-block .menu__item {
    float: none;
    flex: 0 0 auto;
  }
}