/* Shared styles — loaded by all Timing04 HTML pages */

/* Skeleton Loading Animation */
@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Accessibility: Skip Link */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #007BFF;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 100;
    transition: top 0.3s;
}
.skip-link:focus {
    top: 0;
}

/* Focus styles for accessibility */
*:focus-visible {
    outline: 3px solid #007BFF;
    outline-offset: 2px;
}
button:focus-visible,
select:focus-visible,
input:focus-visible,
a:focus-visible {
    outline: 3px solid #007BFF;
    outline-offset: 2px;
}