/**
 * Small, deliberately limited utility layer — not a Tailwind-style
 * utility framework (Section 47), just the handful of spacing/layout
 * helpers components actually need.
 */

.tgr-container {
	max-width: var(--wp--style--global--wide-size, 80rem);
	margin-inline: auto;
	padding-inline: 1.25rem;
}

.tgr-section {
	padding-block: 3rem;
}

@media (min-width: 62rem) {
	.tgr-section {
		padding-block: 4.5rem;
	}
}

.tgr-flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.tgr-stack > * + * {
	margin-block-start: 1rem;
}

.tgr-text-muted {
	color: var(--wp--preset--color--text-muted);
}

.tgr-hidden-below-md {
	display: none;
}

@media (min-width: 40rem) {
	.tgr-hidden-below-md {
		display: revert;
	}
}