/* ============================================================================
   LeverLaw - utilities
   ----------------------------------------------------------------------------
   Single-purpose helpers. Use sparingly - anything common to multiple
   patterns belongs in components.css.
   ============================================================================ */

.ll-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Auto-fit grid helpers - preferred over media-query-driven columns */
.ll-grid-auto {
	display: grid;
	gap: var(--space-5);
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.ll-grid-auto--lg {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

/* Cluster (horizontal flex with wrap) */
.ll-cluster {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
}

/* Image aspect ratio (only --3-2 is consumed today, by template-parts/archive-card.php) */
.ll-aspect-3-2 { aspect-ratio: 3 / 2; object-fit: cover; }