@layer styles {
  .heimr-section,
  .section {
    margin-top: var(--space--large);
    margin-left: var(--page__margin);
    margin-right: var(--page__margin);
  }

  .heimr-section:nth-child(2),
  .section:nth-child(2) {
    margin-top: var(--space--small);
  }

  .heimr-section--full-width,
  .section--full-width {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: var(--space--medium);
    padding-left: var(--page__margin);
    padding-right: var(--page__margin);
    padding-top: var(--space--medium);
  }

  .heimr-section--small-top-space,
  .section--small-top-space {
    margin-top: var(--space--small);
  }

  .heimr-section__columns,
  .section__columns {
    columns: 2 20rem;
    column-gap: var(--space--medium);
  }

  .heimr-section__list,
  .section__list {
    margin-top: var(--space--small);
    margin-bottom: var(--space--small);
  }

  .heimr-section__list:last-child,
  .section__list:last-child {
    margin-bottom: 0;
  }

  .heimr-section__text,
  .section__text {
    line-height: 1.5;
    max-width: 50rem;
  }

  .heimr-section__text--small,
  .section__text--small {
    font-size: 0.9rem;
  }

  .heimr-section__text--italic,
  .section__text--italic {
    font-style: italic;
  }

  .heimr-section__text--strong,
  .section__text--strong {
    font-weight: bold;
  }

  @media (min-width: 900px) {
    :root {
      --page__margin: var(--space--medium);
    }
  }

  @media (min-width: 1200px) {
    :root {
      --page__margin: 0;
    }
  }

  @media (min-width: 1200px) {
    .row--constrained {
      width: var(--grid-width);
      margin-inline: auto;
    }

    .row--content-aligned {
      padding-inline: calc((100% - var(--grid-width)) / 2);
    }
  }
}