/* Match the social media accordion on the Services page. */
#questions .section-heading { max-width: 1050px; margin: 0 auto clamp(28px, 4vw, 48px); text-align: center; }
#questions .section-heading p { margin-inline: auto; }
#questions .faq { width: min(100%, 980px); margin-inline: auto; gap: 12px; }
#questions .faq details,
#questions .faq details[open] { padding: 0; overflow: hidden; border: 1px solid #d1e2f4; border-radius: 14px; background: #fff; box-shadow: 0 8px 22px rgba(36, 85, 145, .045); }
#questions .faq details[open] { border-color: #0f58b6; box-shadow: 0 15px 30px rgba(21, 75, 143, .09); }
#questions .faq summary { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 19px 26px; color: #173b6e; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.45; font-weight: 500; cursor: pointer; }
#questions .faq details[open] summary { color: #fff; background: #1157ad; }
#questions .faq summary::after { content: "+"; flex: none; margin-left: 20px; color: #0861c8; font-family: Jost, Arial, sans-serif; font-size: 25px; line-height: 1; font-weight: 400; }
#questions .faq details[open] summary::after { content: "−"; color: #fff; }
#questions .faq summary:focus-visible { outline: 3px solid #f39043; outline-offset: -6px; }
#questions .faq details p { max-width: none; margin: 0; padding: 23px 27px 27px; color: #516d88; font-size: clamp(14px, 1.1vw, 16px); line-height: 1.8; }
@media (max-width: 520px) {
  #questions .section-heading { margin-bottom: 25px; }
  #questions .faq { gap: 9px; }
  #questions .faq summary { min-height: 62px; padding: 17px 18px; font-size: 16px; }
  #questions .faq details p { padding: 18px 18px 21px; font-size: 14px; }
}
