/* AIKraft catalog load-more pager — reused 1:1 from catalog.css (/tools) for /skills,/mcp,/agents.
   Additive, scoped to these classes only; does not alter existing .sec-* design. */
.cat-pager { margin-top: 26px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.cat-loadmore {
  height: 42px; padding: 0 24px; border-radius: 10px;
  background: var(--bg-elev); border: 1px solid var(--border-strong); color: var(--text);
  font-size: 14px; font-weight: 500; cursor: pointer; font-family: inherit;
  display: inline-flex; align-items: center; gap: 9px; transition: all .12s; text-decoration: none;
}
.cat-loadmore:hover { background: var(--bg-hover); }
.cat-loadmore .frac { font-family: var(--font-mono); font-size: 12px; color: var(--text-3); }
.load-progress { width: 220px; height: 4px; border-radius: 2px; background: var(--bg-elev-2); overflow: hidden; }
.load-progress i { display: block; height: 100%; background: var(--accent); border-radius: 2px; transition: width .3s; }