/**
 * Accordion (ACF accordion-section) — heading/body hierarchy and compact lists.
 * Body copy otherwise inherits `.post-content p/li` (18px at xl) and prose-lg,
 * which competes with the 18–20px heading.
 * !important on margins is needed to beat `.post-content ul { margin-top: 1rem !important }`.
 */

/*
 * Heading: size/weight come from the trigger's utilities (text-lg md:text-xl font-semibold).
 * Scoped to the section because FAQ components reuse .finsery-accordion-item.
 */
.finsery-accordion-section [data-accordion-trigger] {
  transition-property: color, background-color, padding-bottom;
}

.finsery-accordion-section [data-accordion-trigger] > span {
  line-height: 1.4;
}

.finsery-accordion-section .is-open [data-accordion-trigger] {
  padding-bottom: 0.75rem;
}

/* Body: supporting copy, capped width so long lines stay readable in wide layouts. */
.finsery-accordion-panel {
  max-width: 60rem;
  padding-bottom: 1.25rem;
  color: #323238;
}

.finsery-accordion-item .finsery-accordion-panel :is(p, li) {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #323238;
}

.finsery-accordion-panel p {
  margin: 0 0 0.75em !important;
}

/*
 * Pasted WYSIWYG content often wraps list items in <p>, which inherits
 * full paragraph margins (and prose-lg li margins) and blows the list apart.
 */
.finsery-accordion-panel ul,
.finsery-accordion-panel ol {
  margin: 0.5em 0 0.75em !important;
  padding-left: 1.25em !important;
}

.finsery-accordion-panel ul {
  list-style: disc;
}

.finsery-accordion-panel ol {
  list-style: decimal;
}

.finsery-accordion-panel li {
  margin: 0 0 0.35em !important;
  padding-left: 0.25em !important;
}

.finsery-accordion-panel li:last-child {
  margin-bottom: 0 !important;
}

.finsery-accordion-panel li > p {
  margin: 0 !important;
}

.finsery-accordion-panel li > ul,
.finsery-accordion-panel li > ol {
  margin: 0.35em 0 0 !important;
}

.finsery-accordion-panel li::marker {
  color: currentColor;
}

.finsery-accordion-panel ul > li::marker {
  color: #3c83f6;
}

.finsery-accordion-panel > :first-child {
  margin-top: 0 !important;
}

.finsery-accordion-panel > :last-child {
  margin-bottom: 0 !important;
}