/* Performance Optimization Styles - Load First */

/* Critical CSS for above-the-fold content */
.header {
    contain: layout style;
    will-change: box-shadow;
}

/* Lazy load images optimization */
img[loading="lazy"] {
    content-visibility: auto;
}

/* Reduce layout shifts */
.feed-img,
.news-thumb-small,
.article-hero-image {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Optimize animations */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Font loading is handled in HTML with Google Fonts */

/* Reduce paint areas */
.tool-card,
.feature-card,
.feed-card {
    contain: layout paint;
}

/* GPU acceleration for smooth scrolling */
.nav-menu,
.dropdown-menu {
    transform: translateZ(0);
    backface-visibility: hidden;
}