.pager{color:var(--navy);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;padding:16px 8px 0;font-size:14px;font-weight:700;display:grid}.pager-pages{justify-content:center;align-items:center;gap:8px;display:inline-flex}.pager-button{border:1px solid var(--line);background:var(--surface);min-width:40px;height:40px;color:var(--navy);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-weight:900;text-decoration:none;display:inline-flex}.pager-button svg{width:18px;height:18px}.pager-button:hover:not(.is-active):not(.is-disabled){border-color:var(--mint-deep)}.pager-button:focus-visible{outline:2px solid var(--mint-deep);outline-offset:2px}.pager-button.is-active{border-color:var(--accent);background:linear-gradient(135deg, var(--mint-deep), var(--accent));color:var(--paper);cursor:default}.pager-button.is-disabled{opacity:.45;pointer-events:none;cursor:default}button.pager-button:disabled.is-active{opacity:1}.pager-gap{min-width:34px;height:40px;color:var(--text-muted);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.pager-size{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.pager-size select{width:auto;min-width:88px}@media (width<=900px){.pager{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px}.pager-size{justify-content:center}.pager-pages{flex-wrap:wrap;max-width:100%}}
