/* Shared navigation and accessibility across Guno's public pages. */
.guno-site-nav { max-width: 960px; margin: 0 auto 28px; padding: 12px 0 16px; border-bottom: 1px solid #dddde7; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px 22px; font: 14px/1.5 Arial,sans-serif; text-align: left; }
.guno-site-nav a { color: #0000cc; text-underline-offset: 3px; }
.guno-site-nav .guno-wordmark { display: block; width: 120px; height: 40px; flex: 0 0 120px; margin-right: auto; background: url('/images/GunoV1Logo.png') left center / contain no-repeat; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline: 3px solid #bf8c00; outline-offset: 3px; }
.catalog-tools { max-width: 800px; margin: 20px auto; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; text-align: left; }
.catalog-tools input,.catalog-tools select,.catalog-tools button { font: inherit; padding: 9px; min-width: 0; border: 1px solid #aaaabd; }
.catalog-tools input { flex: 1; }
.catalog-status { max-width:800px; margin:16px auto; color:#626273; font-size:14px; }
.site-item { overflow-wrap: anywhere; }
.category-jump { max-width:800px; margin:20px auto; display:flex; flex-wrap:wrap; gap:8px 18px; }
.category-sites a { overflow-wrap:anywhere; }
.pagination { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; }
.pagination button { padding:8px 12px; border:1px solid #0000cc; background:white; color:#0000cc; font:inherit; cursor:pointer; }
.pagination button[aria-current] { background:#0000cc; color:white; }
.pagination .page-summary { flex-basis:100%; margin-top:12px; color:#666; font-size:14px; }
@media(max-width:600px) { .guno-site-nav { gap:8px 15px; font-size:13px; } .guno-site-nav .guno-wordmark { flex-basis:100%; background-size:120px auto; background-position:center; margin-right:0; } .catalog-tools input { flex-basis:100%; } }