.insights-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin: -.5rem 0 2.25rem;
}

.articles-section .insights-filter {
    appearance: none;
    min-height: 42px;
    padding: .62rem 1rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: #fff;
    box-shadow: 0 1px 2px rgb(37 35 32 / 4%);
    font-family: Montserrat, Arial, sans-serif;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.25;
    cursor: pointer;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.articles-section .insights-filter:hover {
    border-color: var(--orange);
    color: var(--orange-dark);
    background: #fbf8f5;
}

.articles-section .insights-filter.active {
    border-color: rgb(215 99 46 / 42%);
    color: var(--orange-dark);
    background: #fbf1eb;
    box-shadow: inset 0 0 0 1px rgb(215 99 46 / 8%);
}

.articles-section .insights-filter:focus-visible {
    border-color: var(--orange);
    outline: 3px solid rgb(215 99 46 / 28%);
    outline-offset: 2px;
}

.article-card[hidden] { display: none; }

.related-resources {
    margin-top: -3rem;
    margin-bottom: 5rem;
    padding: 1.5rem 2rem;
    border-left: 4px solid var(--orange);
    background: var(--surface);
}

.related-resources h2 { margin-top: 0; font-size: 1.35rem; }
.related-resources ul { margin-bottom: 0; }
.related-resources a { color: var(--orange-dark); font-weight: 600; }

@media (max-width: 760px) {
    .insights-filters {
        gap: .6rem;
        margin-bottom: 1.75rem;
    }

    .articles-section .insights-filter {
        min-height: 44px;
        padding-inline: .9rem;
        font-size: .77rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .articles-section .insights-filter { transition: none; }
}