body .comp-browse{overflow:hidden;display:flex;flex-direction:column}
body #unifiedCompendium{display:flex;flex-direction:column;height:100%;min-height:0}
body .comp-filter-controls{flex:none;background:#101c2c;border-bottom:1px solid #40536d;padding-bottom:5px}
body .comp-horizontal-trail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:7px 0}
body .comp-horizontal-trail .comp-category-all{width:auto;min-width:130px;margin:0;padding:5px 9px!important;min-height:32px;gap:10px}
body .comp-horizontal-trail .comp-category-all::before{content:"";position:static;transform:none;display:block;flex:0 0 12px;width:12px;text-align:center}
body .comp-horizontal-trail .comp-category-all[aria-pressed=true]::before{content:"✓";position:static;transform:none}
body #compFilterPath{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;min-width:0}
body #compFilterPath .comp-filter-step{margin-left:0!important;padding:3px 6px 3px 9px;min-height:32px;box-sizing:border-box;font-size:12px;gap:10px}
body #compFilterPath .comp-filter-step button[data-drill-remove]{min-height:24px;height:24px;width:24px;min-width:24px}
body .comp-category-browser{margin:6px 0;padding-bottom:6px;border-bottom:0}
body #compDrillChoices{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
body #compDrillChoices button{flex:0 1 auto;min-height:30px;gap:14px}
body #compDrillChoices .comp-drill-end{display:none}
body #unifiedCompendium .item-filters{margin:6px 0}
body .comp-source-filters{margin:0;align-self:end;max-width:100%;position:relative}
body .comp-source-filters[open]{flex-basis:100%}
body #compCount{margin:3px 0}
body #compResults{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;align-content:start;margin-top:6px;padding:0 3px 5px 0}
body #compPagination{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:5px}
@media(max-width:520px){body #unifiedCompendium{height:60dvh}body .comp-filter-controls{max-height:55%;overflow:auto}}

body .comp-category-options-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
body .comp-category-options-row #compDrillChoices{flex:1 1 200px;min-width:0;margin-top:0}
body .comp-category-options-row .comp-sort-controls{margin:0 0 0 auto!important;justify-content:flex-end;max-width:100%;flex:0 1 auto}

body #compFilterPath .comp-filter-selection{display:inline-flex;align-items:center;gap:8px;min-width:0;width:auto;min-height:24px;height:auto;padding:1px 0;border:0;background:transparent;color:inherit;font-weight:700;text-align:left}
body .comp-category-switcher{position:fixed;z-index:100;min-width:200px;max-width:min(320px,calc(100vw - 16px));max-height:min(320px,calc(100dvh - 16px));overflow:auto;padding:6px;border:1px solid #69819b;border-radius:8px;background:#142337;box-shadow:0 10px 28px #02061799}
body .comp-category-switcher[hidden]{display:none}
body .comp-category-switcher button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:32px;margin:2px 0;padding:6px 9px;border:1px solid #405973;border-radius:5px;background:#203247;color:#e2efff;font:13px Segoe UI,Arial,sans-serif;text-align:left;cursor:pointer}
body .comp-category-switcher button[aria-pressed=true]{background:#44351b;border-color:#d9a229;color:#fde68a;font-weight:700}
body .comp-category-switcher button:hover{border-color:#8dd5ed}
body .comp-category-switcher button:focus-visible{outline:2px solid #8dd5ed;outline-offset:1px}
body .comp-category-switcher small{color:#b8cce0;font-size:11px}
