/**
 * Common Component Styles
 * Shared styles extracted from individual HTML pages to eliminate duplication
 * Created: 2025-11-08
 */

/* Alpine.js cloak utility - prevents flash of unstyled content */
[x-cloak] {
    display: none !important;
}

/* Navigation active state */
nav .active {
    text-decoration: underline;
}

/* Footer styling - applies to both selectors for compatibility */
footer.container-fluid,
body > footer {
    text-align: center;
    padding: 2rem 0;
    margin-top: 4rem;
    border-top: 1px solid var(--pico-muted-border-color);
}