.section-accordion-content-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-32);

  @media (min-width: 1024px) {
    grid-template-columns: 2fr 3fr 2fr;
  }

  @media (min-width: 1512px) {
    grid-template-columns: 1fr 2fr 1fr;
  }
}

.section-accordion-content-block-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);

  @media (min-width: 1024px) {
    grid-column: 3;
  }
}

.section-accordion-content-content-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);

  @media (min-width: 1024px) {
    grid-column: 2;
  }

  @media (min-width: 1512px) {
    padding-inline: var(--space-48);
  }

  .accordion {
    background-color: var(--scheme-background-secondary);

    .accordion-content {
      padding-inline: var(--space-16);
    }

    .accordion-summary {
      border-block-start: 0;
      padding: var(--space-16);
    }

    &:has(.accordion) .accordion-content {
      display: flex;
      flex-direction: column;
      gap: var(--space-1);

      .accordion {
        background-color: var(--scheme-background-tertiary);
      }
    }
  }

  /* stylelint-disable no-descending-specificity */
  & > animated-details:first-child > .accordion {
    border-start-start-radius: var(--space-8);
    border-start-end-radius: var(--space-8);
  }

  & > animated-details:last-child > .accordion {
    border-end-start-radius: var(--space-8);
    border-end-end-radius: var(--space-8);
  }

  animated-details animated-details:first-child > .accordion {
    border-start-start-radius: var(--space-4);
    border-start-end-radius: var(--space-4);
  }

  animated-details animated-details:last-child > .accordion {
    border-end-start-radius: var(--space-4);
    border-end-end-radius: var(--space-4);
  }
  /* stylelint-enable no-descending-specificity */
}