/* ============================================
   ACCESSIBILITY BASE
   Plain CSS, independent from the Tailwind build.
   ============================================ */

/* Skip link: hidden until focused with the keyboard */
.skip-link {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 100;
  padding: 0.75rem 1.25rem;
  border-radius: 0.375rem;
  background-color: #0891b2;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  transform: translateY(-200%);
}

.skip-link:focus {
  transform: translateY(0);
}

/* Visible keyboard focus (mouse clicks do not match :focus-visible) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid #22d3ee;
  outline-offset: 2px;
}

/* Skip-link target: focusable by script, no outline */
main:focus {
  outline: none;
}