.page__content {
  display: flex;
  flex-direction: row;
  gap: 1rem;

  section.page__section {
    width: 100%;

    &.page__section--sm {
      max-width: var(--container-sm);
    }

    header.page__section-header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 0.5rem;
      margin-bottom: 1rem;
    }

    &:not(:first-child) {
      border-left: 4px solid var(--light-gray);
      padding-left: 1rem;
    }
  }

  /* PrimaryColumn PrimaryColumn SecondaryColumn */
  &.page__content--two-split-column {
    .page__content-column {
      display: flex;
      flex: 1 1 calc(var(--percentage-of-column) - 1rem);
      flex-direction: column;
      gap: 1rem;
      min-width: var(--container-s);
      width: 100%;

      &.page__content-column--primary {
        --percentage-of-column: calc(100% / 2);
      }

      &.page__content-column--secondary {
        --percentage-of-column: calc(100% / 3);
      }

      .page__section.page__section--border {
        border: 1px solid var(--light-gray);
        border-radius: var(--border-radius);
        padding: 1rem;
      }
    }
  }
}