/* FAQs — measured off tprsglass.com/faq/: each group is a row with the group
   name in a 410px column and its accordion in an 850px one. */
.faq-intro {
  padding-block: 45px 100px;
}

.faq-intro__body {
  max-width: 950px;
  margin-inline: auto;
}

.faq-intro__body p {
  max-width: none;
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.647;
  text-align: justify;
}

.faq-group {
  padding-bottom: 50px;
  scroll-margin-top: 90px;
}

.faq-group__grid {
  display: grid;
  grid-template-columns: 410px minmax(0, 850px);
  gap: 29px;
  align-items: start;
}

.faq-group__title {
  color: var(--color-text-dark);
  font-size: clamp(2rem, 1.2rem + 2.6vw, 3.5625rem);
  font-weight: var(--fw-medium);
  line-height: 1.088;
  letter-spacing: -1.8px;
}

@media (max-width: 1279px) {
  .faq-group__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .faq-intro {
    padding-block: 32px 48px;
  }

  .faq-group {
    padding-bottom: 32px;
  }

  .accordion--panel .accordion__trigger {
    padding: 15px 20px;
  }

  .accordion--panel .accordion__panel-inner {
    padding: 4px 20px 20px;
  }
}