.root {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* Override Collapsible's own border and radius for all items */
.item {
  border: none;
  border-radius: 0;
}

/* Divider between items */
.itemDivider {
  border-top: 1px solid var(--border-subtle);
}

/* Restore border-radius on outer corners of first item */
.itemFirst {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

/* Restore border-radius on outer corners of last item */
.itemLast {
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}
