/* صفحه‌بندیِ فارسی — فایلِ مستقل (بدونِ نیاز به بیلدِ Tailwind). با توکن‌های تمِ سایت. */
.pg { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1rem; direction: rtl; }
.pg-summary { margin: 0; font-size: .8125rem; color: color-mix(in srgb, var(--surface-fg, #e4e4e7) 62%, transparent); }
.pg-summary-short { display: none; }
.pg-list { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; list-style: none; margin: 0; padding: 0; }
.pg-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .3rem;
    min-width: 2.35rem; height: 2.35rem; padding: 0 .75rem;
    border: 1px solid var(--panel-border, rgba(255,255,255,.14)); border-radius: .7rem;
    background: transparent; color: var(--surface-fg, #e4e4e7);
    font-size: .875rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1;
    cursor: pointer; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s;
}
.pg-btn:hover:not(.is-disabled):not(.is-current) { border-color: rgba(var(--accent-rgb, 212 175 55), .6); background: rgba(var(--accent-rgb, 212 175 55), .1); }
.pg-btn:focus-visible { outline: 2px solid rgba(var(--accent-rgb, 212 175 55), .8); outline-offset: 2px; }
.pg-btn.is-current { background: rgba(var(--accent-rgb, 212 175 55), .95); border-color: transparent; color: #18181b; cursor: default; }
.pg-btn.is-disabled { opacity: .4; cursor: default; }
.pg-dots { border-color: transparent; min-width: 1.5rem; padding: 0; }
@media (max-width: 639px) {
    .pg { justify-content: center; }
    .pg-summary { width: 100%; text-align: center; }
    .pg-summary-full { display: none; }
    .pg-summary-short { display: inline; }
    /* در موبایل فقط قبلی / صفحهٔ فعلی / بعدی؛ شماره‌های دیگر جا را پر نکنند */
    .pg-num-wrap:has(> .pg-num:not(.is-current)), .pg-num-wrap:has(> .pg-dots) { display: none; }
}