/* Preserve native URLs, page ranges and AJAX selectors; presentation is shared. */
body.okha-site .pagebar { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:12px 20px; clear:both; margin:28px 0 8px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; font-size:14px; line-height:1.3; }
body.okha-site .pagebar :is(.pagebar_nav,.pagebar_pages) { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:6px; float:none; width:auto; height:auto; min-height:44px; margin:0; padding:0; overflow:visible; line-height:inherit; border:0; }
body.okha-site .pagebar :is(.pagebar_page,.pagebar_current) { display:inline-flex; align-items:center; justify-content:center; gap:6px; float:none; box-sizing:border-box; min-width:44px; min-height:44px; margin:0; padding:0 12px; border:1px solid var(--home-line); border-radius:13px; background:var(--home-surface); color:var(--home-ink); box-shadow:none; font:inherit; font-weight:550; font-variant-numeric:tabular-nums; line-height:1.3; text-decoration:none; white-space:nowrap; transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease; }
body.okha-site .pagebar .pagebar_page svg { display:block; flex:0 0 18px; }
body.okha-site .pagebar .pagebar_prev_btn svg { transform:rotate(180deg); }
body.okha-site .pagebar .pagebar_current { border-color:var(--home-blue); background:var(--home-blue); color:var(--home-surface); }
body.okha-site .pagebar .disabled { border-color:transparent; background:transparent; color:var(--home-muted); font-weight:400; }
body.okha-site .pagebar .pagebar_notice { width:auto; margin:0 0 0 auto; padding:0; color:var(--home-muted); font-size:12px; line-height:1.5; }
body.okha-site .pagebar a:focus-visible { outline:2px solid var(--home-blue); outline-offset:3px; }
body.okha-site .pagebar a:active { background:var(--home-blue-soft); color:var(--home-blue); }
@media (hover:hover) { body.okha-site .pagebar a:hover { background:var(--home-blue-soft); border-color:var(--home-blue); color:var(--home-blue); } }
@media (max-width:640px) {
    body.okha-site .pagebar { gap:12px; justify-content:center; }
    body.okha-site .pagebar .pagebar_pages { order:1; width:100%; justify-content:center; gap:4px; }
    body.okha-site .pagebar .pagebar_nav { order:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
    body.okha-site .pagebar .pagebar_nav .pagebar_page { width:100%; min-width:0; padding:0 8px; font-size:12px; }
    body.okha-site .pagebar .pagebar_notice { order:3; width:100%; margin:0; text-align:center; }
}
@media (max-width:360px) { body.okha-site .pagebar .pagebar_nav .pagebar_page { font-size:11px; padding:0 6px; } }
@media (prefers-reduced-motion:reduce) { body.okha-site .pagebar .pagebar_page { transition:none; } }