/* One navigation, native document routes: refresh/history retain the entire skin. */
.collection-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 20px;margin:0;border-bottom:1px solid var(--line,var(--rule,#cfc7b6));font:500 12px/1.4 var(--mono,monospace);background:var(--bg,var(--paper,#f4f1e9));color:var(--ink,#1d1b17);position:relative;z-index:25}
.collection-nav a{color:inherit;text-decoration:none;padding:10px 9px;border:1px solid transparent;border-radius:2px;min-height:38px}
.collection-nav a[aria-current=page]{border-color:currentColor;color:var(--accent,#9a3b1b)}
.collection-nav a:hover{background:#8881}.collection-nav .owner{margin-left:auto}
:focus-visible{outline:2px solid var(--accent,#c0871a);outline-offset:4px}
body.viewer-open{overflow:hidden}.collection-nav+*{min-width:0}
@media(max-width:420px){.collection-nav{padding:10px 12px;gap:3px;font-size:11px}.collection-nav a{padding:9px 6px}.collection-nav .owner{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}