/* Layout helpers: container, full-bleed, stacks. */

.trx-container {
	width: 100%;
	max-width: var(--trx-container);
	margin-inline: auto;
	padding-inline: clamp(1rem, 4vw, 2rem);
}

.trx-stack > * + * { margin-block-start: var(--trx-space-5); }
.trx-stack-sm > * + * { margin-block-start: var(--trx-space-3); }
.trx-stack-lg > * + * { margin-block-start: var(--trx-space-7); }

.trx-center {
	display: grid;
	place-items: center;
	min-height: 100dvh;
}