/* Respect the [hidden] attribute for any element (e.g., the dialog) */
[hidden] {
  display: none !important;
}

/* Micro-optimizations & utilities */
img[loading="lazy"] {
  content-visibility: auto;
}
.video-card {
  aspect-ratio: 16 / 9;
}
.hidden {
  display: none !important;
}
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* Button focus ring for accessibility */
.btn:focus-visible {
  outline: 3px solid var(--ring);
}

/* Link hover inside cards */
.card a {
  color: var(--brand);
  text-decoration: underline;
}