/**
 * News Category Filter - Minimal Styles
 * Only loading state - post styling handled in Bricks
 */

/* Active state for nav links - matches secondarynav__nav-link.active */
.news-category-nav a.active {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Loading state for query loop */
.news-query-loop {
    transition: opacity 0.15s ease-out;
    min-height: 400px; /* Prevent layout shift during load */
}

.news-query-loop.is-loading {
    opacity: 0.4;
    pointer-events: none;
}

/* Performance: skip rendering off-screen cards */
.news-query-loop > * {
    content-visibility: auto;
    contain-intrinsic-size: 0 400px;
}

/* Smooth filter transitions */
.news-query-loop > * {
    transition: opacity 0.15s ease;
}

.news-query-loop > *.is-hidden {
    display: none;
}

/* Responsive: tablet */
@media (max-width: 991px) {
    .news-query-loop {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: mobile */
@media (max-width: 767px) {
    .news-query-loop {
        grid-template-columns: 1fr;
    }
}

/* Empty/error states */
.news-no-results,
.news-error {
    padding: 2rem;
    text-align: center;
    grid-column: 1 / -1;
}