/* Shared native FAQ styling for Home v4 and Pricing v2. */
@media (max-width: 720px) {
  body.ay-stitch-home-v3 .ay-roadmap-hero-copy { padding-top: 58px !important; }
}
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion {
  display: grid;
  gap: 10px;
  min-width: 0;
}
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion details {
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 16px;
  background: rgba(255, 255, 255, .58);
  overflow: clip;
}
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion details[open] {
  background: #fff;
  border-color: rgba(15, 23, 42, .18);
}
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding: 19px 54px 19px 20px;
  color: #0f172a;
  font: 800 15px/1.3 Manrope, sans-serif;
}
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion summary::-webkit-details-marker { display: none; }
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: rgba(15, 23, 42, .54);
  font: 700 22px/1 Manrope, sans-serif;
}
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion details[open] summary::after { content: '–'; }
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion__answer { padding: 0 54px 20px 20px; }
body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion__answer p {
  margin: 0;
  color: rgba(15, 23, 42, .68);
  font: 500 14px/1.62 Manrope, sans-serif;
}
@media (max-width: 720px) {
  body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion summary { padding: 17px 50px 17px 17px; }
  body.ay-stitch-home-v3 .ay-faq-layout .ay-native-accordion__answer { padding: 0 42px 18px 17px; }
}
