.wrapper {
  @mixin mx auto;
  @mixin px var(--spacing-comfortable);

  max-width: 90ch;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
}

.hasMargin {
  @media screen and (--bp-margin) {
    @mixin px 0;

    display: flex;
    gap: var(--spacing-generous);
    max-width: none;

    & .content {
      flex: 1 1 auto;
      min-width: 50ch;
      max-width: 75ch;
    }
  }
}