/**
 * Lightweight layout utilities for ADAM-owned interfaces.
 *
 * Component presentation lives in components.css.
 */
.adam-stack {
	display: flex;
	flex-direction: column;
	gap: var(--adam-stack-gap, var(--adam-space-4));
}

.adam-cluster {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--adam-cluster-gap, var(--adam-space-3));
}

.adam-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--adam-grid-min, 14rem), 1fr));
	gap: var(--adam-grid-gap, var(--adam-space-4));
}

.adam-flow > * + * {
	margin-block-start: var(--adam-flow-space, var(--adam-space-4));
}

.adam-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.adam-text-muted {
	color: var(--adam-text-muted);
}

.adam-text-start {
	text-align: start;
}

.adam-text-center {
	text-align: center;
}

.adam-full-width {
	width: 100%;
}