.site-nav{position:absolute;z-index:1100;top:0;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 58px);display:flex;justify-content:center;gap:clamp(3px,1vw,16px);padding:13px 10px;background:rgba(13,14,16,.90);backdrop-filter:blur(14px);font:500 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.10em;text-transform:uppercase;border:1px solid rgba(238,238,238,.12);border-top:0}
.site-nav a,.site-nav button{appearance:none;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:36px;padding:5px 9px;color:#ececea;text-decoration:none;border:0;border-bottom:1px solid transparent;background:transparent;font:inherit;letter-spacing:inherit;cursor:pointer}
.site-nav a:hover,.site-nav a.selected{border-bottom-color:#ececea}
.site-nav button:disabled{opacity:.3;cursor:default}
@media(max-width:560px){.site-nav{max-width:calc(100% - 12px);padding:7px 3px;gap:0;font-size:11px;letter-spacing:.03em}.site-nav a,.site-nav button{min-height:44px;padding:5px 4px}}

/* Anchored to the top of the page content; it scrolls away with the page. */

.site-nav a:focus-visible,.site-nav button:focus-visible{outline:2px solid currentColor;outline-offset:2px}