/* A single optional navigation system under the results; existing top controls stay intact. */
.browse-navigation{display:flex;flex-direction:column;align-items:center;gap:14px;margin:30px 0 12px}
.browse-navigation-summary,.browse-navigation-actions,.numbered-pages,.page-jump{display:flex;align-items:center;justify-content:center;gap:8px}
.browse-navigation-summary{gap:18px;flex-wrap:wrap}
.browse-navigation #showing-count{margin:0;color:var(--muted);font-size:12px}
.browse-navigation-modes{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.browse-navigation-modes button{height:34px;padding:0 15px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.browse-navigation-modes button[aria-pressed="true"]{color:var(--text);border-color:var(--line);background:var(--panel2)}
.browse-navigation-actions{flex-wrap:wrap;gap:16px}
.browse-navigation-actions:empty{display:none}
.page-button{min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.page-button:hover:not(:disabled),.browse-navigation-modes button:hover{background:var(--panel2);border-color:var(--accent)}
.page-button[aria-current="page"]{border-color:var(--accent);color:var(--accent);background:var(--panel2)}
.page-button:disabled{opacity:.35;cursor:default}
.page-gap{width:16px;text-align:center;color:var(--muted)}
.page-jump{gap:8px;color:var(--muted);font-size:12px}
.page-jump input{width:64px;min-width:0;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;text-align:center;color-scheme:dark}
html[data-theme="light"] .page-jump input{color-scheme:dark}
#mod-grid{scroll-margin-top:110px}
#mod-grid:focus{outline:none}
.browse-navigation :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){
 .browse-navigation-summary{gap:10px;flex-direction:column}
 .numbered-pages{gap:4px}
 .page-button{min-width:30px;height:38px;padding:0 6px}
 .page-gap{width:10px}
 .browse-navigation-actions{width:100%;gap:12px}
 .page-jump input{height:38px}
}