.spoke-top-nav{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:8px 16px;margin-bottom:20px;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.spoke-top-nav::-webkit-scrollbar{height:4px}.spoke-top-nav::-webkit-scrollbar-track{background:transparent}.spoke-top-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.spoke-top-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#475569;font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;min-width:fit-content}.spoke-top-nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(99,102,241,.05));border-radius:8px;opacity:0;transition:opacity .2s ease}.spoke-top-nav-link:hover{color:#1e293b;background:rgba(248,250,252,.8);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.spoke-top-nav-link:hover:before{opacity:1}.spoke-top-nav-link-active{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#ffffff;border-color:#1e40af;box-shadow:0 4px 12px rgba(30,64,175,.25);font-weight:600}.spoke-top-nav-link-active:before{opacity:0}.spoke-top-nav-link-active:hover{transform:none;box-shadow:0 6px 16px rgba(30,64,175,.3)}@media (max-width:640px){.spoke-top-nav{margin-bottom:16px;padding:6px 12px;gap:6px;position:relative}.spoke-top-nav:after{content:"";position:absolute;top:0;right:0;width:24px;height:100%;background:linear-gradient(270deg,rgba(255,255,255,.9),transparent);pointer-events:none;z-index:1;border-radius:0 12px 12px 0}.spoke-top-nav-link{padding:8px 12px;font-size:.8125rem;min-width:auto}}@media (max-width:480px){.spoke-top-nav{padding:5px 10px;gap:4px;margin-bottom:12px}.spoke-top-nav-link{padding:7px 10px;font-size:.75rem;border-radius:6px}}.spoke-top-nav-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.spoke-top-nav-link-active:focus{outline-color:#ffffff}