/* Targeted FAQ layout fixes, loaded after the main stylesheet. */
.faq-list summary .faq-question {
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  font: inherit;
  transition: none;
  transform: none;
}

.faq-list details[open] summary .faq-question {
  transform: none;
}

.faq-list summary .faq-toggle {
  flex: 0 0 24px;
  text-align: center;
}

@media (max-width: 900px) {
  .faq-grid {
    display: block;
  }

  .faq-list {
    margin-top: 45px;
  }
}

@media (max-width: 620px) {
  .faq-list {
    margin-top: 32px;
  }

  .faq-list details {
    overflow: visible;
    scroll-margin-top: 88px;
  }

  .faq-list summary {
    align-items: flex-start;
    gap: 12px;
    min-height: 56px;
    padding: 17px 0;
    font-size: 18px;
    line-height: 1.35;
  }

  .faq-list summary .faq-toggle {
    margin-top: 1px;
  }

  .faq-list details p {
    margin: 0 30px 22px 0;
    line-height: 1.65;
    overflow-wrap: anywhere;
  }

  .faq-list details:last-child {
    padding-bottom: 12px;
  }

  .faq-list details:last-child[open] {
    padding-bottom: 20px;
  }
}