/* Shared pagination states: campaign archive, brands, blog and admin lists. */
#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination){display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;margin-bottom:36px}
#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 16px;box-sizing:border-box;font-variant-numeric:tabular-nums;text-decoration:none;transition:background-color .15s,border-color .15s}
#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action:hover{border-color:#007d43;background:rgba(0,125,67,.1)}
#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action[aria-current="page"],
#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action[aria-current="page"]:hover{background:#007d43;border-color:#007d43;color:#fff;font-weight:750;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;outline:2px solid #007d43;outline-offset:3px}
#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action:focus-visible{outline:3px solid var(--text,#fff);outline-offset:4px}
@media(max-width:600px){#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination){gap:12px}#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){#r7-preview nav:is(.campaign-pagination,.brand-pagination,.blog-pagination,.admin-pagination) a.action{transition:none}}