/* Discovery-only filters. Load after kolkol.css. */
.discovery-shell{--discovery-columns:4}
#feed-grid.work-grid{grid-template-columns:repeat(var(--discovery-columns),minmax(0,1fr))}
#feed-grid>.discovery-row-start{grid-column-start:1}
@media(min-width:1024px){html[data-sidebar="collapsed"] .discovery-shell{--discovery-columns:5}}
@media(min-width:768px) and (max-width:1023px){.discovery-shell{--discovery-columns:3}}
@media(min-width:600px) and (max-width:767px){.discovery-shell{--discovery-columns:2}}
@media(max-width:599px){.discovery-shell{--discovery-columns:1}}
body[data-page="home"] .sticky-filters.discovery-filters{display:block;min-width:0;padding:12px 0 18px;background:var(--bg);backdrop-filter:none}
.discovery-filter-bar{display:flex;align-items:center;gap:14px;min-width:0}
.discovery-type-select{flex:0 0 auto;width:136px;min-height:36px;padding:6px 28px 6px 12px;border:1px solid var(--control-border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font:500 14px/1.4 var(--font-body);cursor:pointer}
.discovery-category-scroll{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px}
.discovery-category-scroll::-webkit-scrollbar{display:none}
.discovery-category-chip,.discovery-category-all{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;border:0;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--fg),transparent 95%);color:var(--fg);white-space:nowrap}
.discovery-category-chip:hover,.discovery-category-all:hover{background:color-mix(in oklab,var(--fg),transparent 91%)}
.discovery-category-name,.discovery-category-arrow,.discovery-category-all{font:500 14px/1.4 var(--font-body);cursor:pointer}
.discovery-category-name,.discovery-category-arrow{min-height:36px;border:0;background:transparent;color:inherit}
.discovery-category-name{padding:6px 2px 6px 12px;border-radius:var(--radius-pill) 0 0 var(--radius-pill)}
.discovery-category-arrow{display:grid;place-items:center;width:28px;flex:0 0 28px;padding:0 7px 0 3px;border-radius:0 var(--radius-pill) var(--radius-pill) 0}
.discovery-category-arrow svg{width:14px;height:14px;pointer-events:none}
.discovery-category-arrow:hover,.discovery-category-arrow[aria-expanded="true"]{background:color-mix(in oklab,currentColor,transparent 90%)}
.discovery-category-all{padding:6px 13px}
.discovery-category-chip.is-active,.discovery-category-all.is-active{background:var(--fg);color:var(--surface)}
.discovery-subcategory-label{font-weight:400}
.discovery-search-summary{display:flex;align-items:center;gap:12px;min-width:0;padding-top:10px;color:var(--muted);font-size:var(--text-sm)}
.discovery-search-summary>span{min-width:0;overflow-wrap:anywhere}
.discovery-search-summary>.btn{flex:0 0 auto;min-height:36px;padding-block:6px}
.discovery-search-summary[hidden],.discovery-subcategory-label[hidden],.discovery-subcategory-popover[hidden]{display:none}
.discovery-subcategory-popover{position:fixed;z-index:var(--z-menu);box-sizing:border-box;margin:0;padding:8px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:var(--radius-md);background:var(--surface);color:var(--fg);box-shadow:var(--elev-raised);transition:none}
.discovery-popup-heading{margin:3px 9px 7px;color:var(--muted);font-size:var(--text-xs);font-weight:600}
.discovery-subcategory-popover [role="menuitemradio"]{display:block;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;text-align:left;font:500 var(--text-sm)/1.4 var(--font-body);cursor:pointer}
.discovery-subcategory-popover [role="menuitemradio"]:hover{background:color-mix(in oklab,var(--fg),transparent 95%)}
.discovery-subcategory-popover [aria-checked="true"]{background:color-mix(in oklab,var(--fg),transparent 92%);font-weight:700}
:is(.discovery-type-select,.discovery-category-name,.discovery-category-arrow,.discovery-category-all,.discovery-subcategory-popover button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:767px){
  body[data-page="home"] .sticky-filters.discovery-filters{padding-block:10px 14px}
  .discovery-filter-bar{gap:10px}
  .discovery-type-select{width:116px;padding-left:10px}
  .discovery-subcategory-popover [role="menuitemradio"]{min-height:44px}
  .discovery-category-name{padding-left:10px}
  .discovery-category-arrow{width:28px;flex-basis:28px;padding:0 7px 0 3px}
  .discovery-search-summary{gap:6px}
}