.hs-accordion__item {
  border-bottom: 1px solid var(--hs-color-border);
}

.hs-accordion__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: var(--hs-space-16);
  padding: var(--hs-space-16) var(--hs-space-4);
  font-size: var(--hs-font-size-body);
  font-weight: var(--hs-font-weight-medium);
  color: var(--hs-color-text);
  cursor: pointer;
}

.hs-accordion__icon {
  flex-shrink: 0;
  transition: transform var(--hs-transition-normal) var(--hs-ease);
}

.hs-accordion__trigger[aria-expanded="true"] .hs-accordion__icon {
  transform: rotate(180deg);
}

/* CSS-only smooth expand/collapse via the grid-rows technique - no JS
   height measurement needed. */
.hs-accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--hs-transition-normal) var(--hs-ease);
}

.hs-accordion__panel-inner {
  overflow: hidden;
}

.hs-accordion__item.is-open .hs-accordion__panel {
  grid-template-rows: 1fr;
}

.hs-accordion__body {
  padding-block-end: var(--hs-space-20);
  color: var(--hs-color-text-muted);
  font-size: var(--hs-font-size-body-sm);
}