/* CSS systems — utilities (#503)
 *
 * Rare cross-component helpers. Kept small on purpose: if a utility
 * starts growing variants it probably wants to be a component (#504). */

/* Visually hide content while keeping it available to assistive tech.
   !important throughout so a component rule can't accidentally reveal it;
   clip-path is the modern form, clip the legacy fallback. */
.visually-hidden {
  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;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}