.type-tags #page { padding: 36px 38px 40px; border-radius: 60px; }
.type-tags #page > .page-title { display: none; }
.taxonomy-chart[hidden] { display: none !important; }
.tag-echart { width: 100%; height: 360px; }
.tag-directory h3 { margin: 0; font-size: 17px; font-weight: 600; }
.tag-all { margin-top: 34px; }
.tag-directory-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.tag-total { margin-left: 9px; font-size: 13px; font-weight: 400; opacity: .6; }
.tag-search:not([hidden]) { display: flex; align-items: center; gap: 10px; }
.tag-search label { font-size: 12px; white-space: nowrap; opacity: .7; }
#tag-query { width: 190px; min-width: 0; padding: 8px 12px; border: 1px solid rgba(127, 127, 127, .25); border-radius: 12px; background: transparent; color: var(--font-color); font: inherit; font-size: 13px; }
#tag-query::placeholder { color: var(--font-color); opacity: .55; }
#page .tag-directory-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 25px; margin: 24px 0 0; padding: 0; list-style: none; }
#page .tag-directory-item { margin: 0; padding: 0; max-width: 100%; }
#page .tag-directory-item::before { display: none; }
#page a.tag-chip { display: inline-flex; align-items: baseline; gap: 3px; min-height: 44px; max-width: 100%; padding: 5px; font-size: var(--tag-cloud-size, 1.5em); color: hsl(var(--tag-cloud-hue) 48% 36%); text-decoration: none; line-height: 1.6; transition: transform .2s; }
.tag-chip-name { min-width: 0; overflow-wrap: anywhere; font-size: inherit; }
.tag-chip-count { position: relative; top: -.65em; flex-shrink: 0; font-size: 75%; font-variant-numeric: tabular-nums; }
#page a.tag-chip:hover { transform: scale(1.08); }
#page a.tag-chip:focus-visible,
#tag-query:focus-visible { outline: 2px solid #658bd8; outline-offset: 3px; }
.tag-search-status, .tag-no-results { font-size: 13px; opacity: .7; }
.tag-directory [hidden] { display: none !important; }
[data-theme='dark'] .type-tags #page { background: rgba(29, 33, 41, .96); }
[data-theme='dark'] #page a.tag-chip { color: hsl(var(--tag-cloud-hue) 65% 73%); }
@media (max-width: 1100px) { .tag-directory-toolbar { flex-wrap: wrap; } }
@media (max-width: 600px) {
  .type-tags #page { padding: 24px 20px 28px; border-radius: 32px; }
  .tag-search:not([hidden]) { width: 100%; }
  #tag-query { width: 100%; flex: 1; }
  #page .tag-directory-list { gap: 12px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #page a.tag-chip { transition: none; }
  #page a.tag-chip:hover { transform: none; }
}

.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; } }