.pgn{justify-content:center;gap:10px;flex-wrap:wrap;margin:40px 0 8px}.pgn,.pgn-pages{display:flex;align-items:center}.pgn-pages{gap:4px;list-style:none;margin:0;padding:0}.pgn-num,.pgn-step{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:10px;border:1px solid var(--border-soft,#e4e4e7);background:#fff;color:var(--ink-2,#3f3f46);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s,color .15s}.pgn-num{min-width:38px;padding:0 10px}.pgn-step{padding:0 14px}.pgn-num:hover,.pgn-step:hover{border-color:#a1a1aa;color:var(--ink,#0a0a0a);text-decoration:none}.pgn-num.is-current{background:var(--ink,#0a0a0a);border-color:var(--ink,#0a0a0a);color:#fff;cursor:default}.pgn-step.is-off{opacity:.4;cursor:default;border-style:dashed}.pgn-gap{min-width:24px;text-align:center;color:var(--muted,#9ca3af);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:640px){.pgn{gap:8px}.pgn-step span{display:none}.pgn-step{padding:0 12px}}