.cpublic-nav{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:18px 0 22px;padding:6px;border:1px solid #e1e7ef;border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(15,23,42,.06);overflow-x:auto;scrollbar-width:thin}
.cpublic-nav__link{flex:0 0 auto;padding:11px 17px;border-radius:11px;color:#626d80!important;font-size:13px;font-weight:900;line-height:1;text-decoration:none!important;white-space:nowrap;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.cpublic-nav__link:hover{background:#f3edf7;color:#672080!important;transform:translateY(-1px)}
.cpublic-nav__link.is-active,.cpublic-nav__link[aria-current="page"]{background:linear-gradient(135deg,#20283a,#3c294d);color:#fff!important;box-shadow:0 5px 14px rgba(32,40,58,.2)}
.cpublic-nav__link:focus-visible{outline:3px solid rgba(116,37,143,.25);outline-offset:2px}
@media(max-width:620px){.cpublic-nav{width:100%;margin:14px 0 18px}.cpublic-nav__link{padding:10px 14px;font-size:12px}}