.category-nav{display:flex;gap:8px;padding:10px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-nav::-webkit-scrollbar{display:none}.category-nav__item{flex:0 0 auto;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-full);font-weight:600;font-size:13.5px;letter-spacing:.01em;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform .12s var(--ease-spring),box-shadow var(--transition-fast);position:relative}.category-nav__item:hover{transform:translateY(-1px);border-color:var(--teal-400);background:var(--teal-50);color:var(--teal-800);box-shadow:0 2px 8px rgba(18,59,131,.1)}.category-nav__item:active{transform:translateY(0)}.category-nav__item.is-active{background:var(--green-600);border-color:var(--green-600);color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.22);font-weight:700}.category-nav__item.is-active:hover{background:var(--green-700);border-color:var(--green-700);color:#fff}.category-nav--header{padding:0;justify-content:center}@media (max-width:768px){.category-nav--header{justify-content:flex-start}}@media (min-width:1024px){.category-nav--sidebar{flex-direction:column;padding:18px 0;position:-webkit-sticky;position:sticky;top:var(--sticky-top,88px);max-height:calc(100dvh - var(--sticky-top, 88px));overflow:auto}.category-nav--sidebar .category-nav__item{width:100%;text-align:left;border-radius:var(--radius-md);padding:12px 14px}.category-nav--sidebar .category-nav__item.is-active{border-radius:var(--radius-md)}}