.lux-catalog-tabs { display: flex; gap: 28px; border-bottom: 1px solid #292929; }
.lux-catalog-tabs button { appearance: none; background: transparent; border: 0; border-bottom: 1px solid transparent; color: #999; padding: 15px 0; margin-bottom: -1px; font: inherit; font-size: 12px; min-height: 44px; }
.lux-catalog-tabs button[aria-selected="true"] { color: #fff; border-bottom-color: #fff; }
#lux-vocabulary { padding-top: 16px; }
.lux-vocabulary-toolbar { display: flex; flex-direction: column; gap: 8px; }
.lux-vocabulary-search-label { font-size: 11px; color: #bbb; }
.lux-vocabulary-search { display: block; width: 100%; min-height: 44px; padding: 10px 12px; background: #050505; border: 1px solid #333; border-radius: 0; color: #fff; font: inherit; font-size: 12px; }
.lux-vocabulary-search::placeholder { color: #888; }
.lux-vocabulary-status { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; padding: 12px 0; color: #999; font-size: 10px; }
.lux-vocabulary-status p { margin: 0; }
.lux-vocabulary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #292929; gap: 0 24px; }
.lux-vocabulary-entry { min-width: 0; padding: 22px 0 18px; border-bottom: 1px solid #292929; }
.lux-vocabulary-signs { display: flex; flex-wrap: wrap; align-items: center; align-content: start; gap: 3px; min-height: 58px; padding-bottom: 14px; color: #fff; }
.lux-vocabulary-signs svg { display: block; flex: none; width: 20px; height: 40px; }
.lux-vocabulary-literal { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; line-height: 40px; }
.lux-vocabulary-english { font: inherit; font-size: 13px; font-weight: 500; line-height: 1.5; color: #fff; margin: 0 0 6px; overflow-wrap: anywhere; }
.lux-vocabulary-reading { color: #aaa; font-size: 12px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.lux-vocabulary-details { margin-top: 13px; color: #bbb; font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; }
.lux-vocabulary-details summary { cursor: pointer; color: #999; min-height: 36px; display: list-item; padding: 7px 0; }
.lux-vocabulary-details p { margin: 10px 0; }
.lux-vocabulary-details a { display: inline-block; text-underline-offset: 3px; }
.lux-vocabulary-meta, .lux-vocabulary-source, .lux-vocabulary-note { color: #999; }
.lux-vocabulary-empty { grid-column: 1 / -1; margin: 24px 0; font-size: 12px; color: #aaa; }
.lux-vocabulary-pagination button { min-height: 44px; }
.lux-catalog-tabs button:focus-visible, #lux-vocabulary :is(input, button, summary, a):focus-visible { outline: 2px solid #aaa; outline-offset: 3px; }
@media (max-width: 1100px) { .lux-vocabulary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 780px) { .lux-vocabulary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; } }
@media (max-width: 480px) { .lux-vocabulary-grid { grid-template-columns: minmax(0, 1fr); } .lux-vocabulary-entry { padding: 18px 0; } .lux-vocabulary-details summary { min-height: 44px; padding: 11px 0; } }