/* Small single-purpose utility classes. Kept intentionally minimal - not a full
   utility framework, just the handful of things templates repeat. */

.ez-text-center { text-align: center; }
.ez-text-mute { color: var(--ez-text-mute); }
.ez-max-w-prose { max-width: 68ch; }
.ez-max-w-lead { max-width: 52ch; }
.ez-mx-auto { margin-inline: auto; }
.ez-mt-0 { margin-top: 0 !important; }
.ez-hidden { display: none !important; }

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

.ez-aspect-video { aspect-ratio: 16/9; }
.ez-aspect-square { aspect-ratio: 1/1; }
.ez-object-cover { object-fit: cover; width: 100%; height: 100%; }

.ez-notch-shape { border-radius: var(--ez-notch-card); overflow: hidden; }

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