/* ===================================
   ACCESSIBILITY UTILITIES
  =================================== */

.skip-link {
   position: absolute;
   top: -40px;
   left: 6px;
   background: var(--bg-primary);
   color: var(--text-primary);
   padding: var(--space-2) var(--space-4);
   text-decoration: none;
   border-radius: var(--radius-md);
   z-index: var(--z-modal);
   font-weight: var(--font-weight-medium);
   transition: var(--transition-fast);
   box-shadow: none;
}

.skip-link:focus {
   top: 6px;
   box-shadow: var(--shadow-lg);
}

/* ===================================
   UTILITY CLASSES
  =================================== */

.visually-hidden {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
}