.page-body {
  background: var(--color-surface-base-primary);
  border-start-start-radius: var(--rad-card-lg);
  border-start-end-radius: var(--rad-card-lg);
  padding-block: var(--spacing-12);
  padding-inline: var(--spacing-10);
  min-height: 80vh;
}
.l-page-sections {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  max-width: 100%;
}
.page-section {
  max-width: 100%;
}
.page-header {
  padding-block: var(--spacing-12) var(--spacing-10);
  padding-inline: var(--spacing-10);
  display: grid;
  gap: var(--spacing-5);
  &.narrow {
    padding-bottom: var(--spacing-4);
  }
  .page-title {
    font-size: var(--font-size-10);
    text-shadow: 0 4px 48px rgba(95, 45, 55, 0.6);
    color: #fff;
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    a {
      color: #fff;
      display: flex;
      align-items: center;
      gap: var(--spacing-2);
      text-decoration: none;
    }
    .icon {
      width: 28px;
      height: 28px;
      fill: var(--color-text-inverse-high);
      margin-left: -8px;
    }
  }
}
.c-section-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  padding-block: var(--spacing-6);
  .section-header-body {
    flex: 1;
    display: flex;
    gap: var(--spacing-2);
  }
}
.c-section-body {
  width: 100%;
  padding-block: var(--spacing-4);
}