/*
 * Deliberately small layout utility set for PRP-owned components.
 */

.prp-u-container {
	width: var(--prp-container-wide);
	margin-inline: auto;
}

.prp-u-container--reading {
	width: var(--prp-container-copy);
}

.prp-u-container--merchandising {
	width: var(--prp-container-merchandising);
}

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

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

.prp-u-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--prp-grid-min, 16rem)), 1fr));
	gap: var(--prp-grid-gap, var(--prp-space-6));
}

.prp-u-visually-hidden {
	position: absolute !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	margin: -1px !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}