/* Extracted from index.html <style> */
.skip-link {
  position: absolute;
  left: -999px; /* Off-screen by default */
  top: 10px;
  background: #ffc107; /* High-contrast yellow background */
  color: #222; /* Dark text for contrast */
  padding: 8px 16px;
  z-index: 2001; /* Ensure it appears above all content */
  border-radius: 6px;
  font-weight: bold;
  transition: left 0.2s; /* Smooth transition when focused */
}
.skip-link:focus {
  left: 20px; /* Moves into view when focused with keyboard */
  outline: 2px solid #007bff; /* Clear focus indicator */
}

/* Loading animation for better UX */
.loading-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.loading .loading-spinner {
  display: block;
}