@layer page {
  .about-article {
    position: relative;
    padding-block: calc(var(--fndn-safe-top) + var(--fndn-header-height) + var(--fndn-space-page-top) - var(--fndn-body-cap)) var(--fndn-space-section);

    & .fndn-c-guides {
      --fndn-y-baseline: calc(var(--fndn-safe-top) + var(--fndn-header-height) + var(--fndn-space-page-top) + var(--fndn-font-cap-height) * (var(--fndn-text-body) + var(--fndn-text-display)) + var(--fndn-space-kicker));
    }

    & > .fndn-l-container {
      position: relative;
      z-index: var(--fndn-layer-content);
    }

    & h1 {
      margin-block-start: calc(var(--fndn-space-kicker) - var(--fndn-body-descent) - var(--fndn-display-cap));
      margin-inline-start: -0.016em;
    }
  }

  .about-columns {
    row-gap: var(--fndn-space-columns);
    margin-block-start: calc(var(--fndn-space-intro) - var(--fndn-display-descent) - var(--fndn-title-cap));

    & > section {
      grid-column: span 6;
      min-width: 0;

      @media (width < 48rem) {
        grid-column: 1 / -1;
      }
    }
  }

  .about-prose {
    margin-block-start: calc(var(--fndn-size-6) - var(--fndn-body-cap));

    & > p:first-child {
      font-weight: var(--fndn-weight-strong);
    }

    & > :not(:first-child) {
      color: var(--fndn-color-text-muted);
      line-height: var(--fndn-leading-prose);
    }

    & li {
      display: flex;
      gap: var(--fndn-size-2-5);
      line-height: var(--fndn-leading-prose);
    }

    & li > :first-child {
      color: var(--fndn-color-text);
    }

    & li > :last-child {
      color: var(--fndn-color-text-muted);
    }
  }
}