.subcategory-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-8px 0 23px;padding-bottom:19px;border-bottom:1px solid var(--line)}.subcategory-filter>span{margin-right:5px;color:#80877c;font:10px var(--chinese)}.subcategory-filter button{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #303630;border-radius:5px;background:#191c19;color:#9da497;font:10px var(--chinese);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.subcategory-filter button:hover{border-color:var(--theme-selected-border);color:var(--text)}.subcategory-filter button.active{border-color:#52623b;background:#242a1e;color:var(--lime)}.subcategory-filter button b{color:#71796d;font:9px var(--mono)}.subcategory-filter button.active b{color:#a9bd7c}.resource-subkind{border-color:#46513a;color:#b0c58d}
@media(max-width:680px){.subcategory-filter{gap:6px;margin:-7px 0 16px;padding-bottom:14px}.subcategory-filter>span{width:100%;margin:0 0 2px}.subcategory-filter button{padding:7px 8px;font-size:9px}}

.category-group{min-width:0}.category-group-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center}.category-group-row>.category-link{min-width:0}.category-expand{width:25px;height:30px;border:0;border-radius:4px;background:transparent;color:#7e8778;font-size:15px;cursor:pointer;transition:color .15s,transform .15s}.category-expand:hover{color:var(--lime)}.category-expand.expanded{transform:rotate(180deg);color:var(--lime)}.subcategory-nav{display:grid;gap:2px;margin:3px 0 7px 29px;padding:4px 0 4px 10px;border-left:1px solid #343a31}.subcategory-link{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 8px;border-radius:4px;color:#92998f;font:10px var(--chinese);transition:background .15s,color .15s}.subcategory-link:hover{background:var(--theme-soft);color:var(--text)}.subcategory-link.active{background:#20251d;color:var(--lime)}.subcategory-link span{color:#636b60;font:9px var(--mono)}.subcategory-link.active span{color:#a8bd7a}@media(max-width:680px){.category-group{flex:0 0 auto}.category-group-row{grid-template-columns:auto 25px;gap:2px}.category-group-row .category-link{flex:0 0 auto}.subcategory-nav{position:absolute;z-index:6;display:grid;min-width:155px;margin:4px 0 0;padding:6px;background:#1b1f1b;border:1px solid #343a31;border-radius:5px;box-shadow:0 8px 18px #0008}}

.category-expand{display:grid;place-items:center;color:#818a7b;font:15px var(--mono);line-height:1;transition:color .15s,background .15s}.category-expand:hover{color:var(--lime);background:var(--theme-soft)}.category-expand.expanded{transform:none;color:var(--lime)}

/* Place the disclosure control inside the full-width category row. */
.category-group-row{display:block;position:relative}.category-group-row>.category-link{width:100%;padding-right:38px}.category-expand{position:absolute;z-index:1;right:5px;top:50%;transform:translateY(-50%)}.category-expand.expanded{transform:translateY(-50%)}.category-expand:hover{background:transparent;color:var(--lime)}.category-group-row>.category-link:hover~.category-expand{color:var(--lime)}@media(max-width:680px){.category-group-row{display:block;position:relative}.category-group-row .category-link{width:100%;padding-right:34px;flex:0 0 auto}.category-expand{right:2px}}