/* Shared FAQ controls: reserve space for the icon across legacy and redesigned pages.
   These spacing overrides intentionally win over page-local shorthand padding. */
:is(.z-faq-trigger, .wa-faq summary, .zp-faq summary, .fo-faq summary) {
  position: relative;
  box-sizing: border-box;
  padding-inline-end: 60px !important;
}
:is(.z-faq-trigger, .wa-faq summary, .zp-faq summary, .fo-faq summary)::after {
  position: absolute !important;
  right: 20px !important;
  inset-inline-end: 20px !important;
  top: 50% !important;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  line-height: 1;
  transform: translateY(-50%) !important;
  pointer-events: none;
}
.z-faq-item[open] > .z-faq-trigger::after {
  transform: translateY(-50%) rotate(45deg) !important;
}
@media (max-width: 720px) {
  :is(.z-faq-trigger, .wa-faq summary, .zp-faq summary, .fo-faq summary) {
    padding-inline-end: 56px !important;
  }
  :is(.z-faq-trigger, .wa-faq summary, .zp-faq summary, .fo-faq summary)::after {
    right: 16px !important;
    inset-inline-end: 16px !important;
  }
}