.app-main .reader-pages{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font:13px/1.6 'Segoe UI',sans-serif}.reader-pages>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reader-pages a{padding:8px 12px;border:1px solid var(--line);border-radius:3px}.reader-pages [aria-current]{background:var(--green);color:var(--paper)}.reader-pages form{margin-left:auto;display:flex;align-items:end;gap:8px}.reader-pages small{width:100%;color:var(--muted)}.reader-pages input[type=number]{width:85px}.reader-pages a:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:600px){.reader-pages form{margin-left:0}.reader-pages a{min-height:44px;box-sizing:border-box}}

/* Shared reader pagination: inline jump control on every listing. */
.app-main .reader-pages form{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;flex-wrap:nowrap}
.app-main .reader-pages label{display:flex;align-items:center;gap:8px;white-space:nowrap;font:inherit;margin:0}
.app-main .reader-pages label input{display:inline-block;width:85px;margin:0}
.app-main .reader-pages a,.app-main .reader-pages input,.app-main .reader-pages button{min-height:40px;box-sizing:border-box}
.app-main .reader-pages form button{margin:0}
.app-main .reader-pages>div form{margin:0}
@media(max-width:600px){.app-main .reader-pages form{margin-left:0}.app-main .reader-pages a,.app-main .reader-pages input,.app-main .reader-pages button{min-height:44px}}

.app-main .reader-pages[hidden]{display:none}
.app-main .reader-pages button:disabled{opacity:.45;cursor:default}