.controls{--filter-button-base-width: 130px;--filter-button-max-width: calc(var(--filter-button-base-width) * 3.7);position:sticky;top:var(--controls-top-gap, 0px);z-index:30;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0;padding:0 0 12px;background:#fff;border-radius:12px 12px 0 0;border-top:4px solid #fff}.controls input[type=search],.controls input[type=number],.controls input[type=date]{padding:8px 10px;border:1px solid #e5e5e5;border-radius:10px;height:34px;box-sizing:border-box;outline:none}.controls input[data-default-active=true]{color:#b5b5b5}.controls select{padding:8px 10px;border:1px solid #e5e5e5;border-radius:10px;background:#fff}.controls-right{margin-left:auto;display:inline-flex;align-items:center;gap:8px;order:3}.search-box{display:inline-flex;align-items:center;gap:6px}.search-field{position:relative;display:inline-flex;align-items:center}.search-toggle{border:1px solid #e5e5e5;background:#fff;border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.search-toggle svg{width:18px;height:18px;stroke:#333}.search-input{width:0;padding:8px 0;border-color:transparent;opacity:0;pointer-events:none;transition:width .15s ease,opacity .15s ease,border-color .15s ease,padding .15s ease}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-box.is-open .search-input{width:200px;padding:8px 32px 8px 10px;border-color:#e5e5e5;opacity:1;pointer-events:auto}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;border:0;background:transparent;width:32px;height:32px;padding:10px;box-sizing:border-box;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease}.search-clear svg{width:12px;height:12px;stroke:#6b7280}.search-box.is-open.is-active .search-clear{opacity:1;pointer-events:auto}.search-layout{display:none;align-items:center;font-size:.75em;padding:3px 6px;border:1px solid #e5e5e5;border-radius:999px;background:#fff;color:#374151;cursor:pointer;user-select:none}.search-box.is-open .search-layout{display:inline-flex}.search-box.is-active .search-toggle,.search-box.is-active .search-input{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.filter-inline{display:inline-flex;align-items:center;gap:8px;position:relative;min-height:34px}.cat-filter,.tag-filter,.btype-filter{position:relative}.tag-filter{order:1}.cat-button,.tag-button,.btype-button{padding:8px 28px 8px 10px;box-sizing:border-box;line-height:normal;width:fit-content;height:34px;min-height:34px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;cursor:pointer;min-width:var(--filter-button-base-width, 210px);display:inline-flex;align-items:center;gap:8px;position:relative;max-width:min(var(--filter-button-max-width, 420px),90vw);overflow:hidden}.cat-button.is-active,.tag-button.is-active,.btype-button.is-active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.has-chevron{position:relative}.has-chevron:after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:.7;transform:translateY(-60%) rotate(45deg);transform-origin:center;transition:transform .15s ease;pointer-events:none;z-index:1}.has-chevron[aria-expanded=true]:after{transform:translateY(-30%) rotate(-135deg)}.has-chevron-inline:after{content:none}.has-chevron .filter-chevron-icon{position:absolute;right:10px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:.7;transform:translateY(-60%) rotate(45deg);transform-origin:center;transition:transform .15s ease;pointer-events:none}.has-chevron[aria-expanded=true] .filter-chevron-icon{transform:translateY(-30%) rotate(-135deg)}.filter-button-label,.tag-button-label{flex:0 0 auto}.filter-button-chips,.tag-button-chips{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap}.cat-button .filter-button-chips,.btype-button .filter-button-chips,.tag-button .tag-button-chips,.cat-button .filter-button-chips *,.btype-button .filter-button-chips *,.tag-button .tag-button-chips *{pointer-events:none}.filter-button-chips .point-chip,.filter-button-chips .topic-meta,.filter-button-chips .chip,.tag-button .tag-chip{padding:2px 8px;font-size:.8em;line-height:1.1}.filter-chip-more,.filter-button-sep{display:inline-flex;align-items:center;flex:0 0 auto;font-size:.75em;line-height:1.1;color:#6b7280;white-space:nowrap}.filter-button-chips .filter-chip:last-child,.filter-button-chips .chip:last-child,.tag-button-chips .tag-chip:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-clear{border:0;background:transparent;color:#2563eb;font-size:.85em;cursor:pointer;padding:0;display:inline-flex;align-items:center}.filter-clear[hidden]{display:none}.filter-inline .filter-clear{position:static;margin-left:2px;padding:0;border:0;border-radius:0;justify-content:flex-start;font-size:.85em;line-height:1;visibility:visible}.filter-inline .filter-clear[hidden]{display:none}.range-filter{position:relative;display:inline-flex;align-items:center;gap:6px}.range-filter .filter-clear{position:static;margin-left:2px;transform:none}.cat-panel,.btype-panel{position:absolute;top:calc(100% + 6px);left:0;width:280px;min-width:280px;max-width:280px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 12px 30px #0000001f;padding:10px;z-index:20;overflow-x:hidden}.tag-panel{position:absolute;top:calc(100% + 6px);left:0;width:max-content;min-width:0;max-width:min(90vw,720px);background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 12px 30px #0000001f;padding:10px;z-index:20;overflow-x:hidden}.cat-panel[hidden],.tag-panel[hidden],.btype-panel[hidden]{display:none}.filter-search-row,.tag-search-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.filter-layout,.tag-layout{font-size:.75em;padding:3px 6px;border:1px solid #e5e5e5;border-radius:999px;background:#fff;color:#374151;flex:0 0 auto}.cat-search,.tag-search,.btype-search{width:100%;padding:8px 10px;border:1px solid #e5e5e5;border-radius:10px;outline:none}.cat-options,.tag-options,.btype-options{max-height:220px;overflow:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px}.cat-option,.tag-option,.btype-option{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:8px;min-width:0}.cat-option.hidden,.tag-option.hidden,.btype-option.hidden,.filter-option.is-hidden,.filter-option.hidden{display:none}.cat-option input,.tag-option input,.btype-option input{width:16px;height:16px;accent-color:#2563eb;margin:0;flex:0 0 16px}.chip-cat{font-weight:400}