.accordion--1 .accordion__items > * + * {
  margin-block-start: 2.25rem;
}

.accordion--1 .accordion__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-inline: 2.625rem;
  padding-block: 2.125rem;

  font-family: var(--ff-heading);
  font-size: clamp(1.5rem, 0.791vw + 1.215rem, 2rem);
  line-height: clamp(1.5rem, 0.791vw + 1.215rem, 2rem);
  text-transform: uppercase;
  color: var(--clr-secondary);

  background-color: var(--clr-tertiary-10);

  transition:
    color 400ms ease,
    background-color 400ms ease;
}

.accordion--1 .accordion__summary svg {
  flex-shrink: 0;
  fill: var(--clr-secondary);
  transform: rotate(0);
  transition: transform 400ms ease;
}

.accordion--1 .accordion__summary:hover,
.accordion--1 .accordion__summary:focus,
.accordion--1 .accordion__item[open] .accordion__summary {
  color: var(--clr-white);
  background-color: var(--clr-secondary-mid);
}

.accordion--1 .accordion__summary:hover svg,
.accordion--1 .accordion__summary:focus svg,
.accordion--1 .accordion__item[open] .accordion__summary svg {
  fill: var(--clr-primary);
}

.accordion--1 .accordion__item[open] .accordion__summary svg {
  transform: rotate(45deg);
}

.accordion--1 .accordion__text {
  padding: 2.625rem;
  font-size: 1.25rem;
  background-color: var(--clr-tertiary-10);
}

.accordion--1 .tab__nav {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.accordion--1 .tab__items {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.accordion--1 .tab__item {
  flex: 1 0 auto;
  min-width: max-content;
}

.accordion--1 .tab__link {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding-inline: 1.25rem;
  padding-block: 1.125rem;
  background-color: var(--clr-secondary-20);
  font-family: var(--ff-heading);
  font-size: clamp(1.5rem, 0.791vw + 1.215rem, 2rem);
  line-height: clamp(1.5rem, 0.791vw + 1.215rem, 2rem);
  text-decoration: none;
  text-align: center;
  color: var(--clr-white);
}

.accordion--1 .tab__link[aria-selected='true'] {
  color: var(--clr-white);
  background-color: var(--clr-secondary-80);
}

.accordion--1 .tab__panel {
  padding: 2.625rem;
  font-size: 1.25rem;
  background-color: var(--clr-tertiary-10);
}

@media (max-width: 767px) {
  .accordion--1 .accordion__items > * + * {
    margin-block-start: 1.25rem;
  }
  .accordion--1 .accordion__summary,
  .accordion--1 .accordion__text,
  .accordion--1 .tab__panel {
    padding-inline: 2rem;
    padding-block: 1.5rem;
  }
}

@media (max-width: 575px) {
  .accordion--1 .accordion__items > * + * {
    margin-block-start: 1.25rem;
  }
  .accordion--1 .accordion__summary,
  .accordion--1 .accordion__text,
  .accordion--1 .tab__panel {
    padding: 1.25rem;
  }
}

@media (min-width: 992px) {
  .accordion--1 .component__heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 2rem;
  }

  .accordion--1 .eyebrow,
  .accordion--1 .heading {
    grid-column: 1 / 2;
  }

  .accordion--1 .lead {
    grid-column: 2 / -1;
    grid-row: 1 / span 3;
    margin-block-start: 0;
  }
}