/* Wrapper spacing */
.rcp-5a-cat-desc {
  margin: 0 0 16px 0;
}

/* Make summary look clickable + clean */
.rcp-5a-cat-desc__summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  list-style: none;
}

/* Remove default marker (Chrome/Safari) */
.rcp-5a-cat-desc__summary::-webkit-details-marker {
  display: none;
}

/* Teaser: 1 line with ellipsis */
.rcp-5a-cat-desc__teaser {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Toggle text */
.rcp-5a-cat-desc__toggle {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: underline;
  font-weight: 600;
}

/* Arrow indicator */
.rcp-5a-cat-desc__toggle::after {
  content: "▾";
  font-size: 0.9em;
}

/* "Read less" hidden by default */
.rcp-5a-cat-desc__less {
  display: none;
}

/* When open: hide teaser, show "Read less", flip arrow */
.rcp-5a-cat-desc__details[open] .rcp-5a-cat-desc__teaser {
  display: none;
}
.rcp-5a-cat-desc__details[open] .rcp-5a-cat-desc__more {
  display: none;
}
.rcp-5a-cat-desc__details[open] .rcp-5a-cat-desc__less {
  display: inline;
}
.rcp-5a-cat-desc__details[open] .rcp-5a-cat-desc__toggle::after {
  content: "▴";
}

/* Content spacing */
.rcp-5a-cat-desc__content {
  padding-top: 8px;
}

/* Close link at bottom */
.rcp-5a-cat-desc__closewrap {
  margin-top: 10px;
}
.rcp-5a-cat-desc__close {
  text-decoration: underline;
  font-weight: 600;
}

/* If short description is shown normally */
.rcp-5a-cat-desc--normal {
  margin: 0 0 16px 0;
}
/* Render labels from attributes (no DOM text) */
.rcp-5a-cat-desc__more::before { content: attr(data-text); }
.rcp-5a-cat-desc__less::before { content: attr(data-text); }
.rcp-5a-cat-desc__close::before { content: attr(data-text); }