.year-nav {margin-top: 2rem;padding-top: 1.25rem;border-top: 1px solid var(--year-nav-border, #e2e8f0);}.year-nav-label {margin: 0 0 0.75rem;font-size: 0.8125rem;font-weight: 600;color: var(--index-meta-color, #64748b);text-transform: uppercase;letter-spacing: 0.04em;}.year-nav-pills {display: flex;flex-wrap: wrap;gap: 0.5rem;}.year-nav-pill {display: inline-block;padding: 0.35rem 0.85rem;border-radius: 999px;border: 1px solid var(--year-nav-pill-border, #cbd5e1);background: var(--year-nav-pill-bg, transparent);color: var(--body-text-color);font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.year-nav-pill:hover,.year-nav-pill:focus-visible {border-color: var(--primary-color, #2563eb);background: var(--year-nav-pill-hover-bg, #f1f5f9);text-decoration: none;outline: none;}.year-nav-pill:focus-visible {outline: 2px solid var(--primary-color, #2563eb);outline-offset: 2px;}.year-nav-pill.is-active {background: var(--year-nav-active-bg, #0f172a);border-color: var(--year-nav-active-bg, #0f172a);color: var(--year-nav-active-color, #fff);pointer-events: none;}.year-nav-pill.is-active:hover {background: var(--year-nav-active-bg, #0f172a);}