/* Compact pictorial navigation; scoped so search controls and the header stay intact. */
.cm-category-art{position:relative;display:inline-block;width:56px;height:56px;flex:0 0 56px;vertical-align:middle;pointer-events:none;isolation:isolate}
.cm-category-art>img,.cm-category-art>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;user-select:none}
.cm-category-art>canvas{opacity:0}
.cm-category-art.cm-category-playing>canvas{opacity:1}
.cm-category-art.cm-category-playing>img{visibility:hidden}
.cdb-service-tabs a.cm-category-link{gap:9px;white-space:nowrap}
.cm-category-link:focus-visible{outline:2px solid #7c3aed;outline-offset:3px;border-radius:4px}
.svc-tabs:has(.cm-category-art){gap:22px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.svc-tabs .svc-tab.cm-category-link{position:relative;gap:7px;padding:5px 0 9px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;font-size:14px;font-weight:600;color:#707070}
.svc-tabs.svc-tabs--light .svc-tab.cm-category-link.is-active{color:#222;border-bottom-color:#7c3aed;background:transparent;box-shadow:none}
.svc-tabs.svc-tabs--dark .svc-tab.cm-category-link{color:#bbb}
.svc-tabs.svc-tabs--dark .svc-tab.cm-category-link.is-active{color:#fff;border-bottom-color:#a78bfa;background:transparent;box-shadow:none}
.ds-services .ds-service.cm-category-link{gap:7px}
@media(max-width:480px){
 .svc-tabs:has(.cm-category-art){gap:16px}
 .svc-tabs .svc-tab.cm-category-link{font-size:12px;gap:5px}
 .ds-services .cm-category-art{width:44px;height:44px;flex-basis:44px}
 .ds-services .ds-service.cm-category-link{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.cm-category-art{animation:none!important;transition:none!important}}

/* A brief image-only introduction; the existing click renderer stays on demand. */
.cm-category-art.cm-category-entering{opacity:1;animation:cm-camera-entrance 440ms ease-out both;transform-origin:50% 65%}
.cm-category-art[data-kind="voice"].cm-category-entering{animation-name:cm-mic-entrance;animation-delay:60ms;transform-origin:50% 85%}
.cm-category-art[data-kind="ugc"].cm-category-entering::after{content:"";position:absolute;left:59%;top:42%;width:10%;height:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,0) 70%);pointer-events:none;animation:cm-lens-intro 440ms ease-out both}
@keyframes cm-camera-entrance{0%{transform:translateY(3px) rotate(-2deg) scale(.985)}60%{transform:translateY(0) rotate(.7deg) scale(1.005)}100%{transform:none}}
@keyframes cm-mic-entrance{0%{transform:translateY(3px) rotate(2deg) scale(.985)}60%{transform:translateY(0) rotate(-.8deg) scale(1.005)}100%{transform:none}}
@keyframes cm-lens-intro{0%,100%{opacity:0;transform:scale(.7)}45%{opacity:.45;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.cm-category-art.cm-category-entering,.cm-category-art.cm-category-entering::after{animation:none!important}.cm-category-art.cm-category-entering::after{display:none}}