/* Utilities: single-purpose helpers. The only place !important is allowed. */
@layer utilities {
	/* .screen-reader-text is WordPress's own name for it (the heading above numbered pages, among others). */
	.u-visually-hidden,
	.screen-reader-text {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip-path: inset(50%) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* Eyebrow label: small, tracked, upper case, at most three words. */
	.u-eyebrow {
		font-size: var(--fs-caption);
		font-weight: 600;
		line-height: var(--lh-caption);
		letter-spacing: var(--tracking-eyebrow);
		text-transform: uppercase;
	}

	.u-tabular {
		font-variant-numeric: tabular-nums;
	}

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

	.u-lead {
		font-size: var(--fs-lead);
		line-height: var(--lh-lead);
	}
}