/* ==========================================================================
   a11y.css — aksesibilitas dasar (dimuat SETELAH home.css)
   1) Tanda fokus keyboard yang jelas   2) Tautan "Lewati ke konten"
   ========================================================================== */

/* 1) Fokus keyboard */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--primary, #3b82f6) !important;
  outline-offset: 3px !important;
}

/* 2) Lewati ke konten */
.skip-link {
  position: fixed;
  left: 12px;
  top: -64px;
  z-index: 100000;
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--primary, #2563eb);
  color: var(--on-primary, #fff);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: top .15s ease;
}
.skip-link:focus { top: 12px; }