@layer styles {
  .page {
    --children__background-color: #efefe7;
    background-color: silver;
  }

  .page--white {
    --children__background-color: #fff;
    background-color: #fff;
  }

  /* Without flow-root, margins inside a row collapse through it into the
     next row's. */
  .row {
    display: flow-root;
  }

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

  .page__column {
    padding-left: var(--page__margin);
    padding-right: var(--page__margin);
  }

  .article__content,
  .heimr-section {
    background-color: var(--children__background-color);
    line-height: 1.5;
    padding-bottom: var(--space--extra-small);
    padding-top: var(--space--small);
  }
}