/* Shared answer typography. Native details controls keep mouse and keyboard behavior. */
.faq-list { width: 100%; }
.faq-list summary { line-height: 1.45; }
.faq-list summary::after { transition: transform .28s cubic-bezier(.22, 1, .36, 1); }
.faq-list details[open] summary::after { content: '+'; transform: rotate(45deg); }
.faq-list details summary[aria-expanded="false"]::after { transform: rotate(0); }
.faq-list details.is-faq-animating { overflow: hidden; }
.faq-list .faq-answer { max-width: 66ch; padding: 0 28px 26px 0; color: #4c5666; font-size: 16px; line-height: 1.7; }
.faq-list details .faq-answer p { max-width: none; padding: 0; margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
.faq-list .faq-answer p + p { margin-top: 12px; }
.faq-answer ul, .faq-answer ol { padding-left: 23px; margin-block: 12px; }
.faq-answer > :first-child { margin-top: 0; }
.faq-answer > :last-child { margin-bottom: 0; }
.faq-answer li + li { margin-top: 7px; }
.faq-answer strong { color: var(--ink); font-weight: 600; }
.faq-answer a { color: #304bb6; text-decoration: underline; text-underline-offset: 3px; }
.faq-answer a:hover { color: #223584; }
.home-page .site-section .faq-list .faq-answer { padding-right: 8px; }
.page-faq .section-heading { margin-bottom: 28px; }
.support-page main > section + section { border-top: 0; }
.support-page .support-intro { padding-bottom: 32px; }
.support-intro .lead { max-width: 620px; }
.support-topics { display: flex; flex-wrap: wrap; gap: 14px 26px; margin-top: 30px; }
.support-topics a, .support-contact > a { width: fit-content; color: #304bb6; text-decoration: underline; text-underline-offset: 5px; font-size: 16px; line-height: 1.6; }
.support-page .support-topic { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.65fr); gap: 64px; padding-block: 44px; }
.support-topic .section-heading { margin: 0; padding-top: 20px; }
.support-topic h2 { font-size: 34px; line-height: 1.16; }
.support-topic .section-heading p { max-width: 290px; font-size: 16px; margin-top: 16px; }
.support-page .support-contact { padding-block: 56px 72px; }
.support-contact .section-heading { margin-bottom: 22px; }
.support-contact h2 { font-size: 34px; }
.support-contact .section-heading p { font-size: 16px; }
.support-contact .actions { gap: 20px 28px; }
@media (max-width: 800px) {
  .support-page .support-topic { grid-template-columns: 1fr; gap: 24px; padding-block: 34px; }
  .support-topic .section-heading { padding-top: 0; }
  .support-topic .section-heading p { max-width: 480px; }
  .support-topic h2, .support-contact h2 { font-size: 30px; }
  .support-page .support-contact { padding-block: 40px 54px; }
}
@media (max-width: 600px) {
  .faq-list .faq-answer { padding-right: 0; padding-bottom: 24px; }
  .faq-list summary { gap: 18px; }
  .support-page .page-intro h1 { font-size: clamp(29px, 8vw, 38px); }
  .support-topics { gap: 12px 20px; margin-top: 26px; }
  .support-topics a { font-size: 15px; }
}