/**************************
 # COMPONENT: PAGE SUMMARY
 **************************/

.page-summary {
  &:not(:last-child) {
    margin-block-end: var(--space-l);
  }

  .page-summary__title {
    margin-block: 0 var(--space-xs);
  }

  .page-summary__subtitle {
    font-family: var(--font-family-heading);
    font-weight: normal;
  }

  .page-summary__content {
    margin-block-end: var(--space-m);
  }

  :is(.page-summary__title, .page-summary__subtitle):last-child {
    margin-block-end: var(--space-m);
  }
}