/* Blog pagination (src/components/Pagination.astro) – existing tokens only */
.pagination { margin-top: var(--space-12); }
.pagination ol { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-2); list-style: none; margin: 0; padding: 0; }
.pagination a, .pg-item { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-1);
min-width: var(--tap-target); min-height: var(--tap-target); padding: 0 var(--space-3); box-sizing: border-box;
border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: transparent;
font-family: var(--font-sans); font-size: var(--fs-md); font-weight: 600; color: var(--color-text); text-decoration: none; }
.pagination a:hover, .pagination a:focus-visible { border-color: var(--color-link); color: var(--color-link); }
.pagination a:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.pg-item[aria-current] { background: var(--color-link); border-color: var(--color-link); color: var(--color-on-primary); font-weight: var(--fw-bold); }
.pg-gap { display: inline-flex; align-items: center; min-height: var(--tap-target); padding: 0 var(--space-1); color: var(--color-text-muted); }
.pg-status { display: none; font-family: var(--font-sans); font-size: var(--fs-md); padding: 0 var(--space-2); }
/* desktop: arrows only, label for screen readers */
.pg-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 39.999rem) {
.pg-num { display: none; }
.pg-status { display: block; }
.pg-label { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
}