/* Focus ring for WCAG visibility */
.focus-ring:focus-visible,
a:focus-visible,
button:focus-visible,
[role="tab"]:focus-visible,
input:focus-visible {
  outline: 3px solid var(--bs-teal);
  outline-offset: 3px;
}

/* Visually hidden but focusable (skip link helper) */
.visually-hidden-focusable:not(:focus):not(:active) {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* Decorative placeholders */
.ratio.ratio-1x1 > .placeholder-img,
.ratio.ratio-16x9 > .placeholder-img {
  background: repeating-linear-gradient(45deg, #e9ecef, #e9ecef 10px, #f8f9fa 10px, #f8f9fa 20px);
  display: block; width: 100%; height: 100%;
  border-radius: .5rem .5rem 0 0;
}

/* Clamp helpers */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Hero */
.hero{background:linear-gradient(180deg, rgba(13,110,253,.08), rgba(13,110,253,0))}