.archive-header{text-align:center;max-width:60ch;margin-inline:auto;padding-block:var(--space-5) var(--space-4)}.archive-header p{color:var(--text-muted);margin-top:var(--space-2)}.archive-header h1{font-weight:var(--fw-extrabold);letter-spacing:-.02em}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.pagination a,.pagination span{min-width:40px;height:40px;padding-inline:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border-color);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination a:hover{background-color:var(--color-brand);border-color:var(--color-brand);color:#FFF}.pagination .pagination__current{background-color:var(--color-brand);color:#FFF;border-color:var(--color-brand)}@media (max-width:1024px){.archive-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.archive-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}