.collections-preview, .collections-rest {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.collections-preview > *, .collections-rest > * { min-width: 0; margin-bottom: 0; }
.collections-preview > .card, .collections-rest > .card { margin-bottom: 0; }
.collection-more { margin-top: 12px; border-top: 1px dashed var(--blush); }
.collection-more > summary {
  min-height: 44px;
  box-sizing: border-box;
  padding: 12px 8px;
  color: var(--rose);
  font-size: 13px;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.collection-more > summary::marker { color: var(--rose); }
.collection-more > summary:focus-visible, .text-fold > summary:focus-visible {
  outline: 2px solid var(--rose);
  outline-offset: 2px;
  border-radius: 4px;
}
.collection-more[open] > .collections-rest { padding-top: 4px; }
.collection-more:not([open]) > .collections-rest,
.text-fold:not([open]) > :not(summary) { display: none; }
.collection-more:not([open]) > summary > .when-open,
.collection-more[open] > summary > .when-closed,
.text-fold:not([open]) > summary > .when-open,
.text-fold[open] > summary > .when-closed { display: none; }
.text-fold { min-width: 0; margin-top: 10px; }
.text-fold > summary { list-style: none; cursor: pointer; }
.text-fold > summary::-webkit-details-marker { display: none; }
.text-fold > summary > .fold-preview {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin: 0 0 6px;
}
.text-fold > summary > .when-closed:not(.fold-preview),
.text-fold > summary > .when-open {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  font-family: var(--sans, sans-serif);
  font-size: 12px;
  color: var(--rose);
}
.text-fold > summary > .when-closed:not(.fold-preview)::after { content: ' ▾'; margin-left: 5px; }
.text-fold > summary > .when-open::after { content: ' ▴'; margin-left: 5px; }
.text-fold > :not(summary) { margin-top: 4px; }
.item-name, .item-reason, .reason { overflow-wrap: anywhere; }