.type-categories #page { padding: 36px; border-radius: 60px; }
.type-categories #page > .page-title { display: none; }
.taxonomy-chart[hidden] { display: none !important; }
.category-echart { width: 100%; height: 500px; }
#page .category-reference-list { display: flex; flex-wrap: wrap; gap: 0 10px; margin: 22px 0 0; padding: 0; list-style: none; }
#page .category-reference-list > li { position: relative; max-width: 100%; margin: 6px 0; padding: 2px 15px 2px 22px; }
#page .category-reference-list > li::before { position: absolute; top: 11px; left: 0; width: 8px; height: 8px; border: 3px solid #49b1f5; border-radius: 50%; content: ''; transform: none; background: transparent; }
#page .category-reference-list a { display: inline-flex; align-items: center; min-height: 36px; color: var(--font-color); font-size: 15px; text-decoration: none; overflow-wrap: anywhere; }
#page .category-reference-list a:hover { color: #49b1f5; }
#page .category-reference-list a:focus-visible { outline: 2px solid #49b1f5; outline-offset: 3px; }
[data-theme='dark'] .type-categories #page { background: rgba(29, 33, 41, .96); }
@media (max-width: 600px) {
  .type-categories #page { padding: 24px 20px 28px; border-radius: 32px; }
  .category-echart { height: 420px; }
}

.taxonomy-chart canvas { animation: taxonomy-reference-reveal 4s; }
@keyframes taxonomy-reference-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .taxonomy-chart canvas { animation: none; } }