/* ── Collapsible section inside a card (a guide, a cheat-sheet): native details ───────────────────── */
.rooster-admin-fold {
	@apply mb-3 rounded-lg border border-border px-3.5;

	@variant details-content {
		@apply text-sm leading-relaxed text-foreground;
	}
}

.rooster-admin-fold[open] {
	@apply pb-3;
}

.rooster-admin-fold__summary {
	@apply flex cursor-pointer items-center gap-2 py-2.5 text-sm font-semibold text-foreground;
	list-style: none;
}

.rooster-admin-fold__summary::-webkit-details-marker {
	display: none;
}

.rooster-admin-fold__summary > .rooster-admin-icon--chevron {
	@apply ms-auto text-muted-foreground transition-transform;
}

.rooster-admin-fold[open] > .rooster-admin-fold__summary > .rooster-admin-icon--chevron {
	transform: rotate(90deg);
}

/* A code block in a card (the theme-integration cheat-sheet, the LRS's JSON well). */
.rooster-admin-code {
	@apply m-0 overflow-x-auto rounded-md bg-foreground p-3 text-xs leading-relaxed text-background tab-2 scrollbar-thin;
}