/* Shared site header layout for the left-aligned homepage control. */
.site-header.mrs-home-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

.site-header.mrs-home-header > .mrs-home-link {
  flex: 0 0 auto;
}

.site-header.mrs-home-header > nav {
  margin-left: auto;
}

@media (max-width: 38rem) {
  .site-header.mrs-home-header {
    align-items: flex-start;
  }

  .site-header.mrs-home-header > nav {
    width: 100%;
    margin-left: 0;
  }
}