/* Pager (pager.js): Back, "1 to 5 of 42", Next. Logical properties only, so it mirrors itself in Arabic. */
.pager { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 4px; }
.pager[hidden] { display: none; }
.pager-status { margin: 0; flex: 1; text-align: center; font-size: 15px; font-weight: 600; color: var(--ink, #2E2822); }
.pager-btn {
  display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; padding-inline: 18px;
  font: inherit; font-size: 15px; font-weight: 600; color: var(--primary-ink, #1F4FCC); background: var(--surface, var(--card, #fff));
  border: 1px solid var(--border-strong, #D6C9B2); border-radius: 999px; cursor: pointer;
}
.pager-btn:hover:not(:disabled) { border-color: var(--primary-ink, #1F4FCC); }
.pager-btn:focus-visible { outline: 3px solid var(--primary-ink, #1F4FCC); outline-offset: 2px; }
.pager-btn:disabled { opacity: .45; cursor: default; }
[dir="rtl"] .pager-arrow { display: inline-block; transform: scaleX(-1); }
.pal .pager { margin: 8px 14px 4px; }
[data-pager-list] { scroll-margin-block-start: 88px; }
@media (max-width: 480px) { .pager-btn { padding-inline: 14px; } .pager-status { font-size: 14px; } }