.ribbon{position:relative;z-index:20;display:flex;align-items:stretch;gap:24px;height:48px;padding:0 16px;background:#45455A;color:#fff;font:15px system-ui,-apple-system,"Segoe UI",sans-serif}
.ribbon .brand{display:flex;align-items:center;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap}
.ribbon nav{display:flex;overflow-x:auto}
.ribbon nav a{display:flex;align-items:center;padding:0 16px;color:#e3e3ee;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.ribbon nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.ribbon nav a[aria-current="page"]{color:#fff;font-weight:600;background:rgba(255,255,255,.12);border-bottom-color:#fff}
.ribbon a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media (max-width:520px){.ribbon{gap:0;padding:0 4px}.ribbon .brand{display:none}.ribbon nav{width:100%}.ribbon nav a{flex:1;justify-content:center;padding:0 8px}}