/**
 * News Archive page section.
 */

.news-archive-section {
    --Neutrals-01: #EEEDED;
    --Secondary-100: #F65B1B;
    --Primary-100: #0B0B0B;
    padding: 4rem 1.25rem;
    background: #0B0B0B;
    color: var(--Neutrals-01);
}

@media (min-width: 768px) {
    .news-archive-section {
        padding: 5rem 1.5rem;
    }
}

.news-archive-section .news-archive-section-container {
    margin: 0 auto;
    padding: 0 1.25rem;
}

@media (min-width: 768px) {
    .news-archive-section .news-archive-section-container {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .news-archive-section .news-archive-section-container {
        min-width: 100%;
    }
}

/* Grid: 1 col mobile, 2 tablet, 3 desktop/large (same as related news) */
.news-archive-section .news-archive-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.5rem;
    align-items: stretch;
}

@media (min-width: 768px) {
    .news-archive-section .news-archive-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

@media (min-width: 1200px) {
    .news-archive-section .news-archive-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Load more: same look as header button + hover */
.news-archive-load-more-wrap {
    text-align: center;
    margin-top: 3rem;
}

.news-archive-load-more.header-button {
    font-family: inherit;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
}

.news-archive-load-more.header-button:hover {
    border-color: #F65B1B;
    background: var(--Primary-100, #0B0B0B);
    box-shadow: 0 0 8px 4px rgba(246, 91, 27, 0.25);
    color: var(--Secondary-100, #F65B1B);
    transform: translateY(-1px);
}

.news-archive-load-more.header-button.loading {
    opacity: 0.8;
    cursor: wait;
}