/* ── 14. NEWS / YEAR FILTER ────────────────────────────────── */
.year-filter { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2.4rem; }
.year-filter__btn {
    padding: .5rem 1.1rem; border: 1px solid var(--line-strong); border-radius: var(--radius-pill);
    font-weight: 600; font-size: .88rem; color: var(--ink-2); transition: background var(--dur-base) var(--ease), color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);
}
@media (hover: hover) and (pointer: fine) {
    .year-filter__btn:hover { border-color: var(--blue-600); color: var(--blue-700); }
}
.year-filter__btn.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }

.news-page-section .year-filter__btn { border-color: rgba(255,255,255,.25); color: rgba(255,255,255,.75); }
@media (hover: hover) and (pointer: fine) {
    .news-page-section .year-filter__btn:hover { border-color: #fff; color: #fff; }
}
.news-page-section .year-filter__btn.is-active { background: #fff; border-color: #fff; color: var(--ink); }
.news-page-section .empty-state { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2); color: rgba(255,255,255,.6); }