/* Browsing dimensions share the adopted theme and the same counted corpus. */
.word-statistics{display:block}
.classification-switch{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.classification-switch .tab-button{min-height:44px}
.word-statistics-view{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);align-items:center;gap:40px}
html[data-design] .word-statistics-view[data-classification-group="period"] .word-legend-row{padding:12px 0}
.word-statistics-view[data-classification-group="period"] .word-chart-wrap{position:sticky;top:24px;align-self:start;margin-top:32px}
.word-category{min-width:0;overflow-wrap:anywhere}
.word-color-4{--sector-color:color-mix(in srgb,var(--cyan) 65%,var(--gold))}
.word-color-5{--sector-color:color-mix(in srgb,var(--gold) 65%,#9399ce)}
.word-color-6{--sector-color:color-mix(in srgb,var(--cyan) 65%,#9399ce)}
.word-color-7{--sector-color:color-mix(in srgb,var(--gold) 65%,var(--text))}
.word-color-8{--sector-color:color-mix(in srgb,var(--cyan) 65%,var(--text))}
.word-color-9{--sector-color:color-mix(in srgb,#9399ce 65%,var(--text))}
.word-color-10{--sector-color:color-mix(in srgb,var(--gold) 40%,var(--cyan))}
.word-color-11{--sector-color:color-mix(in srgb,#9399ce 40%,var(--gold))}
.word-color-12{--sector-color:color-mix(in srgb,var(--cyan) 40%,#9399ce)}
.library-filters{min-width:0;flex:1}
.library-group-control{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:14px/1.6 var(--sans);color:var(--text)}
.library-group-control select{min-height:44px;padding:8px 30px 8px 12px;max-width:100%;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px}
.classification-switch .tab-button:focus-visible,.library-group-control select:focus-visible{outline:2px solid var(--ui-gold,var(--gold));outline-offset:4px}
@media(max-width:760px){
 .word-statistics-view{grid-template-columns:1fr;gap:22px}
 .word-statistics-view[data-classification-group="period"] .word-chart-wrap{position:relative;top:auto;margin-top:0}
 .classification-switch{justify-content:flex-start;margin-bottom:20px;gap:3px}
 .classification-switch .tab-button{padding:9px 11px}
 .word-legend-row{gap:6px 10px}
 .word-category{font-size:16px}
 .word-category-total,.word-percent{font-size:13px}
}
