/* Standard FAQ adopts Membership's display questions without changing its content model. */
.faq.standard-faq { padding-block: 96px; }
.standard-faq .faq__grid { gap: 80px; }
.standard-faq h2 { color: var(--color-care-forest); font: 400 var(--text-4xl)/1.107143 var(--font-display); letter-spacing: -.032em; margin: 0; overflow-wrap: anywhere; }
.standard-faq .faq__items { min-width: 0; }
.standard-faq summary { align-items: center; color: var(--color-care-forest); font: 400 var(--text-xl)/1.24 var(--font-display); gap: 22px; min-height: 44px; padding-block: 22px; }
.standard-faq summary h3 { flex: 1 1 auto; font: inherit; margin: 0; min-width: 0; overflow-wrap: anywhere; text-wrap: inherit; }
.standard-faq summary > span[aria-hidden="true"] { flex: 0 0 var(--text-xl); font: 400 var(--text-xl)/1 var(--font-interface); text-align: center; }
.standard-faq summary:focus-visible { outline: 2px solid var(--color-care-forest); outline-offset: 4px; }
.standard-faq details[open] summary { color: var(--color-bloom-ink); }
.standard-faq details[open] summary > span[aria-hidden="true"] { font-size: 0; }
.standard-faq details[open] summary > span[aria-hidden="true"]::after { content: "−"; font: 400 var(--text-xl)/1 var(--font-interface); }
.standard-faq .faq__answer { font: var(--text-base)/1.55 var(--font-interface); overflow-wrap: anywhere; padding-bottom: 22px; }
@media (max-width: 900px) {
  .faq.standard-faq { padding-block: 72px; }
  .standard-faq .faq__grid { gap: 34px; grid-template-columns: minmax(0, 1fr); }
  .standard-faq summary { gap: 12px; padding-block: 20px; }
}
@media (max-width: 720px) {
  .faq.standard-faq { padding-block: 64px; }
  .standard-faq .faq__grid { gap: 28px; }
  .standard-faq summary { padding-block: 18px; }
}