/* PAGE 2026-10-23: pager for examples and blog */
.cvp{display:flex;align-items:center;justify-content:center;gap:10px;margin:40px 0 12px;font-size:15px;line-height:1}
.cvp-nums{display:flex;align-items:center;gap:8px}
.cvp .cvp-num,.cvp .cvp-step{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;min-width:44px;padding:0 14px;border-radius:12px;border:1px solid var(--stx-border,#dfe6ee);background:var(--stx-surface,#fff);color:var(--stx-text,#111);font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.cvp a.cvp-num:hover,.cvp a.cvp-step:hover{border-color:var(--stx-accent,#2f6bff);color:var(--stx-accent-text,#2563eb)}
.cvp .cvp-num.is-current{background:var(--stx-accent,#2f6bff);border-color:var(--stx-accent,#2f6bff);color:#fff;cursor:default}
.cvp .cvp-step.is-off{opacity:.4;cursor:default}
.cvp .cvp-step{padding:0 16px}
.cvp-gap{min-width:20px;text-align:center;color:var(--stx-text-2,#6b7280)}
.cvp-info{display:none;font-size:14px;font-weight:600;color:var(--stx-text-2,#4b5563);white-space:nowrap}
@media(max-width:700px){.cvp{gap:8px;margin-top:28px}.cvp-nums{display:none}.cvp-info{display:inline}.cvp .cvp-step{padding:0 14px;flex:0 0 auto}}