/* Put all question-row padding inside the actual button/summary hit area. */
body.sp-page .faq-item.hatch-faq-item,
body .faq details.hatch-faq-native,
body .gs-faq-items details.hatch-faq-native,
body.sp-page details.faq-item.hatch-faq-native {
  padding: 0;
  cursor: default;
}
body.sp-page .hatch-faq-item > .faq-q,
body .hatch-faq-native > summary {
  box-sizing: border-box;
  width: 100%;
  min-height: 64px;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
}
body.sp-page .hatch-faq-item > .faq-q,
body.sp-page details.faq-item.hatch-faq-native > summary {
  padding: 23px 26px;
}
body .faq details.hatch-faq-native > summary,
body .gs-faq-items details.hatch-faq-native > summary {
  padding: 22px 0;
}
body.sp-page .hatch-faq-item > .faq-a,
body.sp-page .hatch-faq-item.open > .faq-a {
  max-height: none;
  margin-top: 0;
  padding: 0 26px 23px;
  visibility: visible;
  overflow: visible;
  transition: none;
}
body.sp-page .hatch-faq-item > .faq-a[hidden] { display: none; }
body.sp-page details.faq-item.hatch-faq-native > .a { padding: 0 26px 23px; }
body .faq details.hatch-faq-native > p,
body .gs-faq-items details.hatch-faq-native > p {
  margin: 0;
  padding: 0 25px 22px 0;
}
body .hatch-faq-item > .faq-q .chev,
body .hatch-faq-native > summary > span[aria-hidden] {
  pointer-events: none;
  transition: transform 140ms ease;
}
body .hatch-faq-item > .faq-q:focus-visible,
body .hatch-faq-native > summary:focus-visible {
  outline: 2px solid #7CCBF8;
  outline-offset: 3px;
  border-radius: 12px;
}
@media (max-width: 700px) {
  body.sp-page .hatch-faq-item > .faq-q,
  body.sp-page details.faq-item.hatch-faq-native > summary { padding: 20px; }
  body.sp-page .hatch-faq-item > .faq-a,
  body.sp-page .hatch-faq-item.open > .faq-a,
  body.sp-page details.faq-item.hatch-faq-native > .a { padding: 0 20px 20px; }
  body .faq details.hatch-faq-native > summary,
  body .gs-faq-items details.hatch-faq-native > summary { padding: 19px 0; }
}
@media (prefers-reduced-motion: reduce) {
  body .hatch-faq-item > .faq-q .chev,
  body .hatch-faq-native > summary > span[aria-hidden] { transition: none; }
}
