/* Fixed-size SVG icons; only their strokes animate on category activation. */
#mainNav.category-nav ul a{display:flex;align-items:center;gap:9px}
#mainNav .category-icon{display:block;flex:0 0 22px;overflow:visible}
#mainNav .category-icon :is(path,circle){stroke-dasharray:100;stroke-dashoffset:0}
#mainNav a[aria-current="true"] .category-icon :is(path,circle){animation:category-ink 600ms linear both}
#mainNav a[aria-current="true"] .category-icon :is(path,circle):nth-child(2){animation-delay:70ms}
#mainNav a[aria-current="true"] .category-icon :is(path,circle):nth-child(n+3){animation-delay:140ms}
@keyframes category-ink{from{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:767px){#mainNav.category-nav ul a{gap:7px}#mainNav .category-icon{width:20px;height:20px;flex-basis:20px}}
@media(prefers-reduced-motion:reduce){#mainNav a[aria-current="true"] .category-icon :is(path,circle){animation:none}}