/* =============================================================
   UTILITIES — small helper classes used sparingly across templates.
   ============================================================= */

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

.text-center { text-align: center; }
.text-muted { color: var(--color-text-muted); }
.text-accent { color: var(--color-accent-text); }

.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mt-4 { margin-top: var(--space-4); }
.mb-4 { margin-bottom: var(--space-4); }
.mt-8 { margin-top: var(--space-8); }
.mb-8 { margin-bottom: var(--space-8); }

.hidden { display: none !important; }

@media (max-width: 640px) {
	.hide-mobile { display: none !important; }
}
@media (min-width: 641px) {
	.hide-desktop { display: none !important; }
}

/* Guards against any overflow-causing element (wide tables, long unbroken
   strings pasted into content) blowing out the mobile viewport. */
.wrap, .entry-content, .guide-body {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.entry-content table {
	display: block;
	overflow-x: auto;
	max-width: 100%;
}