/* =========================================================
   accessibility.css — shared a11y helpers: skip-link, visually
   hidden text, and a consistent visible focus indicator.
   Used by: index.html, Intech_AI選型工具.html
   ========================================================= */

/* Visually hidden but still available to screen readers */
.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;
}

/* Skip-to-content link: hidden off-screen until keyboard-focused */
.skip-link{
  position:absolute;left:8px;top:-60px;z-index:1000;
  background:var(--blue-800);color:#fff;padding:10px 18px;border-radius:6px;
  font-size:13.5px;font-weight:700;transition:top .15s ease;
}
.skip-link:focus{top:8px;}

/* Consistent, visible keyboard-focus ring across all interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--orange);
  outline-offset:2px;
}