/* Consult Spaces V53 — professional FAQ card treatment */

/* Keep FAQ groups comfortably inset from section/container edges. */
.cs9-faq .home3-container,
.cs9-faq-grid,
.cs9-accordion {
  box-sizing: border-box !important;
}

.cs9-accordion {
  width: 100% !important;
  padding: 8px !important;
  gap: 14px !important;
  border-radius: 16px !important;
}

/* Strong generic rule so legacy styles cannot square the cards again. */
.cs9-accordion .cs9-faq-item,
body.home-v4 .cs9-accordion .cs9-faq-item {
  margin: 0 !important;
  border: 1px solid #d8e7ea !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 8px 24px rgba(6,54,75,.055) !important;
}

.cs9-accordion .cs9-faq-item + .cs9-faq-item {
  margin-top: 14px !important;
}

.cs9-accordion .cs9-faq-item > button,
body.home-v4 .cs9-accordion .cs9-faq-item > button {
  min-height: 72px !important;
  padding: 18px 18px 18px 22px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

.cs9-accordion .cs9-faq-item > button > span {
  margin-left: 16px !important;
}

.cs9-accordion .cs9-faq-item > div > p {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.cs9-accordion .cs9-faq-item.is-open > div > p,
.cs9-accordion .cs9-faq-item.open > div > p,
.cs9-accordion .cs9-faq-item:has(> button[aria-expanded="true"]) > div > p {
  padding: 0 22px 20px !important;
}

.cs9-accordion .cs9-faq-item:hover {
  border-color: rgba(0,161,145,.34) !important;
  box-shadow: 0 12px 30px rgba(6,54,75,.075) !important;
}

@media (max-width: 720px) {
  .cs9-accordion { padding: 4px !important; }
  .cs9-accordion .cs9-faq-item > button,
  body.home-v4 .cs9-accordion .cs9-faq-item > button {
    min-height: 64px !important;
    padding: 15px 14px 15px 16px !important;
  }
}