/* Stable FAQ accordion layout. Kept separate so stale legacy CSS cannot reshape questions. */
body.premium-faq-page .premium-faq-list {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.premium-faq-page .premium-faq-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.premium-faq-page .premium-faq-item > summary {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 76px !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 16px 8px !important;
}

body.premium-faq-page .premium-faq-item > summary > .faq-number {
  display: block !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
}

body.premium-faq-page .premium-faq-item > summary > strong {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  font-size: clamp(20px, 1.45vw, 24px) !important;
  line-height: 1.22 !important;
}

body.premium-faq-page .premium-faq-item > summary > .faq-open-hint {
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin-left: auto !important;
}

body.premium-faq-page .premium-faq-item > p {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 820px !important;
  margin: 0 56px 0 52px !important;
  padding: 0 0 26px !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

@media (max-width: 680px) {
  body.premium-faq-page .premium-faq-item > summary {
    min-height: 70px !important;
    gap: 10px !important;
    padding: 14px 2px !important;
  }

  body.premium-faq-page .premium-faq-item > summary > .faq-number {
    flex-basis: 28px !important;
    width: 28px !important;
    min-width: 28px !important;
  }

  body.premium-faq-page .premium-faq-item > summary > strong {
    font-size: 18px !important;
  }

  body.premium-faq-page .premium-faq-item > summary > .faq-open-hint {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  body.premium-faq-page .premium-faq-item > p {
    margin: 0 36px 0 38px !important;
    padding-bottom: 22px !important;
    font-size: 14px !important;
  }
}