/* study-hall-item — one review prompt in Study Hall.
   Geometry only: type comes from the voices in the markup (label-voice,
   strong-voice), the icon from icon-label, color from the scope, the reveal
   is the browser's own <details>. Each item type and reveal carries a hook
   (data-type, data-reveal) for when a look per type is decided.
   Markup: templates/components/study-hall-item.php + study-hall-item-types/
   Scaffold: basic structure, needs a real design pass. */

study-hall-item {
	display: block;

	.prompt,
	.answer {
		margin-top: var(--space-small);
	}

	.answer > :not(summary) {
		margin-top: var(--space-small);
	}
}

.study-hall-items {
	display: grid;
	gap: var(--space-large);
	list-style: none;
	padding: 0;
}