.accordion {
  margin: 0 auto;
  padding: 0 var(--side-spacing);
  width: min(1050px, 100%);
}
.accordion .accordion__title p {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  -webkit-margin-after: var(--space-48);
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-3-size) * 1px);
  font-size: calc(var(--t-headline-3-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-3-weight),
    "wdth" var(--t-headline-3-width);
  letter-spacing: var(--t-headline-3-letter-spacing);
  line-height: calc(var(--t-headline-3-line-height) * 1px);
  line-height: calc(var(--t-headline-3-line-height) / var(--t-headline-3-size));
  margin-block-end: var(--space-48);
}
@media (min-width: 640px) {
  .accordion .accordion__title p {
    font-size: calc(var(--t-headline-3-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .accordion .accordion__title p {
    font-size: calc(var(--t-headline-3-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .accordion .accordion__title p {
    font-size: calc(var(--t-headline-3-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .accordion .accordion__title p {
    font-size: calc(var(--t-headline-3-size) / 1920 * 100vw);
  }
}
.accordion h1,
.accordion h2,
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  font-feature-settings: "liga" on;
  font-feature-settings: "ss12" off, "liga" on;
  font-family: var(--text-sans);
  font-size: calc(var(--t-headline-4-size) * 1px);
  font-size: calc(var(--t-headline-4-size) / 390 * 100vw);
  font-variation-settings: "wght" var(--t-headline-4-weight),
    "wdth" var(--t-headline-4-width);
  letter-spacing: var(--t-headline-4-letter-spacing);
  line-height: calc(var(--t-headline-4-line-height) * 1px);
  line-height: calc(var(--t-headline-4-line-height) / var(--t-headline-4-size));
  padding: var(--space-48) 0;
}
@media (min-width: 640px) {
  .accordion h1,
  .accordion h2,
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: calc(var(--t-headline-4-size) / 640 * 100vw);
  }
}
@media (min-width: 1024px) {
  .accordion h1,
  .accordion h2,
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: calc(var(--t-headline-4-size) / 1024 * 100vw);
  }
}
@media (min-width: 1440px) {
  .accordion h1,
  .accordion h2,
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: calc(var(--t-headline-4-size) / 1440 * 100vw);
  }
}
@media (min-width: 1920px) {
  .accordion h1,
  .accordion h2,
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    font-size: calc(var(--t-headline-4-size) / 1920 * 100vw);
  }
}
.accordion--nested {
  padding-inline: 0;
}
@media (min-width: 64rem) {
  .accordion h1,
  .accordion h2,
  .accordion h3,
  .accordion h4,
  .accordion h5,
  .accordion h6 {
    padding: var(--space-96) 0;
  }
}