/*
 * Stone Cliff Digital — Layout Utilities
 * Full-width sections, centered content container, gutters, section
 * spacing, text-measure widths, and a basic two-column primitive.
 */

/* -------------------------------------------------------------------- */
/* Section / container                                                  */
/* -------------------------------------------------------------------- */

.u-section {
	width: 100%;
	padding-block: var(--sc-section-padding-min);
}

.u-section--lg {
	padding-block: var(--sc-section-padding-max);
}

.u-container {
	width: 100%;
	max-width: var(--sc-content-width);
	margin-inline: auto;
	padding-inline: var(--sc-gutter);
}

/* -------------------------------------------------------------------- */
/* Text measure                                                          */
/* -------------------------------------------------------------------- */

.u-measure-narrow {
	max-width: var(--sc-measure-narrow);
}

.u-measure {
	max-width: var(--sc-measure);
}

.u-measure-wide {
	max-width: var(--sc-measure-wide);
}

/* -------------------------------------------------------------------- */
/* Two-column layout primitive                                          */
/* -------------------------------------------------------------------- */

.u-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--sc-space-300);
}