@layer components {
  /* ── Pager — prev/next links closing a public archive list ── */
  .pager {
    display: flex;
    align-items: center;
    gap: var(--inline-space);
    margin-block-start: var(--block-space-double);
  }

  /* Next sits at the far inline-end even when Previous is absent (page 1). */
  .pager__link--next {
    margin-inline-start: auto;
  }

  .pager__arrow {
    color: var(--color-muted);
    transition: color var(--transition);
  }
  .pager__link:hover .pager__arrow {
    color: currentcolor;
  }
}