/* ══════════════════════════════════════════
   ACCESSIBILITY UTILITIES
   Shared across all pages
══════════════════════════════════════════ */

/* Skip navigation — visually hidden until focused */
.skip-link {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 10000;
  padding: 10px 20px;
  background: #111;
  color: #f0efed;
  font-family: 'DM Mono', monospace;
  font-size: 0.85rem;
  text-decoration: none;
  border-radius: 0 0 8px 0;
  outline: 2px solid #f0efed;
  outline-offset: -2px;
  transition: top 0.1s;
}
.skip-link:focus {
  top: 0;
}

/* Screen-reader-only utility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}