/* Skip Link Container (Optional visual styling) */
.skip-link-container {
display: block;
background: #FDF997;
padding: 15px;
margin-bottom: 10px;
border-radius: 5px;
}

/* Base Skip Link */
.skip-link {
position: absolute;
top: -9999px;
left: -9999px;
background: #FDF997;
color: #000000;
padding: 12px;
font-size: 1.0rem;/* Font Size */
font-weight: bold;
text-decoration: none;
z-index: 1000;
white-space: nowrap;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}

.skip-link:focus {
top: 10px;
left: 10px;
outline: none;
background-color: #FDF997;
box-shadow: 0 0 0 4px rgba(255, 255, 0, 0.8); /* optional subtle glow */
color: #000;
}

/* Hover effect for mouse users */
.skip-link:hover {
background: #FDF997;
color: #000;
}

/* Responsive text scaling */
@media (max-width: 768px) {
.skip-link {
font-size: clamp(1rem, 2.5vw, 1.4rem);
}
}

/* This file created 6/14/2025 to consolidate all skip-link behavior */