/* The views menu of the beta pages (common.js nav()); colours come from each page. */
#bnav { min-width: 0; max-width: 100%; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; font-size: 13.5px; font-weight: 600; }
#bnav a { color: inherit; text-decoration: none; padding: 0 11px; min-height: 36px; display: inline-flex; align-items: center; border-radius: 18px; opacity: .78; border: 1px solid transparent; }
#bnav a:hover { opacity: 1; border-color: currentColor; }
#bnav a[aria-current="page"] { opacity: 1; border-color: currentColor; }
#bnav a.old { margin-left: auto; font-weight: 500; }
#bnav a.fbk { font-weight: 500; opacity: .7; }
#bnav .beta { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; border: 1px solid currentColor; border-radius: 6px; padding: 2px 6px; opacity: .7; }
@media (max-width: 520px) { #bnav { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } #bnav::-webkit-scrollbar { display: none; } #bnav a { flex: none; } #bnav a.old { margin-left: 0; } }