.category-browser{margin:24px 0;padding:24px;background:#fff;border:1px solid #dce2d8;border-radius:10px;color:#253d30}.category-browser-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.category-browser-head h2{font-size:23px;margin:0;letter-spacing:0}.category-browser-head>a,.category-browser-head>button{font-size:13px}.category-roots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.category-browser .category-roots>a,.category-browser .category-roots>button{border:1px solid #dce2d8;padding:14px 12px;background:#f7f8f4;border-radius:6px;text-align:left;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:14px}.category-browser small{font-size:11px;color:#677966;margin-left:7px}.category-children,.category-leaves{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.category-children>a,.category-children>button,.category-leaves>a,.category-leaves>button{padding:9px 12px;border:1px solid #dce2d8;border-radius:5px;font-size:13px}.category-browser button[aria-pressed=true]{background:#355646;color:white;border-color:#355646}.category-browser button[aria-pressed=true] small{color:#e0eadd}.category-breadcrumb{font-size:13px;margin-top:20px;color:#6f4c8d}.category-leaves{border-top:1px solid #e7e9e2;margin-top:14px}.category-browser a:hover,.category-browser button:hover{border-color:#75528e;background:#f0edf4}.category-browser button[aria-pressed=true]:hover{background:#355646}@media(max-width:700px){.category-roots{grid-template-columns:repeat(2,minmax(0,1fr))}.category-browser{padding:16px}.category-browser-head h2{font-size:20px}}