nav[data-role='pagination'] {--pgLine: var(--baseMidGray);--pgSurface: var(--baseLight);--pgAccent: var(--primaryDarkColor);--pgOnAccent: var(--baseLight);display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:2.5rem 1rem 3rem;font-variant-numeric:tabular-nums;}[data-theme='dark'] nav[data-role='pagination'] {--pgLine: #ffffff2e;--pgSurface: #232323;--pgAccent: #7fe3df;--pgOnAccent: #111;}nav[data-role='pagination'] .pgPages {display:flex;align-items:center;gap:0.375rem;margin:0;padding:0;list-style:none;}nav[data-role='pagination'] .pgPages li {margin:0;padding:0;list-style:none;}nav[data-role='pagination'] .pgPage,
    nav[data-role='pagination'] .pgStep {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;min-width:2.75rem;height:2.75rem;padding:0 0.75rem;border:1px solid var(--pgLine);border-radius:0.5rem;background:var(--pgSurface);color:inherit;font-size:1.05rem;line-height:1;text-decoration:none;transition:border-color 0.15s ease-out,
        color 0.15s ease-out,
        background-color 0.15s ease-out;}nav[data-role='pagination'] a.pgPage:hover,
    nav[data-role='pagination'] a.pgStep:hover {border-color:var(--pgAccent);color:var(--pgAccent);}nav[data-role='pagination'] .pgPage[aria-current] {border-color:var(--pgAccent);background:var(--pgAccent);color:var(--pgOnAccent);font-weight:600;text-shadow:none;}nav[data-role='pagination'] .pgStep {padding:0 1rem;font-size:1rem;}

    /* Стрелки — уголки рамкой, как у раскрывашек сайта */nav[data-role='pagination'] .pgPrev::before,
    nav[data-role='pagination'] .pgNext::after {content:'';width:0.5rem;height:0.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;}nav[data-role='pagination'] .pgPrev::before {margin-left:0.2rem;transform:rotate(135deg);}nav[data-role='pagination'] .pgNext::after {margin-right:0.2rem;transform:rotate(-45deg);}

    /* Первая или последняя страница: шаг остаётся на месте, но неактивен — ряд не прыгает */nav[data-role='pagination'] span.pgStep {opacity:0.35;cursor:default;}nav[data-role='pagination'] .pgGap {min-width:1.5rem;text-align:center;color:var(--textMuted);}nav[data-role='pagination'] .pgJump {display:none;}[data-theme='dark'] nav[data-role='pagination'] .pgJump {color:var(--baseLightGray);background-color:#262626;border-color:#ffffff38;color-scheme:dark;}

    /* Телефон: стрелки и выбор страницы — номера в ряд не помещаются */
    @media screen and (max-width: 640px) {nav[data-role='pagination'] {padding:2rem 1rem 2.5rem;}nav[data-role='pagination'] .pgPages {display:none;}nav[data-role='pagination'] .pgJump {display:block;width:auto;min-width:0;height:2.75rem;margin:0;border-radius:0.5rem;font-variant-numeric:tabular-nums;}nav[data-role='pagination'] .pgStep {width:2.75rem;padding:0;}nav[data-role='pagination'] .pgLabel {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}nav[data-role='pagination'] .pgPrev::before,
      nav[data-role='pagination'] .pgNext::after {margin:0;}
    }