/* Facility: gear as an accordion with search */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gx{max-width:none}
.gx-bar{display:flex;gap:16px;align-items:center;margin-bottom:20px}
.gx-search{flex:1;min-width:0}
.gx-search input{width:100%;background:rgba(0,0,0,.35);border:1px solid hsl(0 0% 100%/.2);border-radius:2px;color:hsl(var(--foreground));padding:12px 14px;font-family:"Geist Mono",monospace;font-size:13px;letter-spacing:.04em}
.gx-search input:focus{outline:none;border-color:hsl(var(--accent))}
.gx-all{flex:none;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-foreground));background:none;border:0;cursor:pointer;padding:8px 4px}
.gx-all:hover{color:hsl(var(--foreground))}
.gx-list{border-top:1px solid hsl(0 0% 100%/.12)}
.gx-cat{border-bottom:1px solid hsl(0 0% 100%/.12)}
.gx-cat[hidden]{display:none}
.gx-head{width:100%;display:grid;grid-template-columns:minmax(9rem,13rem) 3rem 1fr 1.5rem;align-items:baseline;gap:12px;text-align:left;background:none;border:0;color:hsl(var(--foreground));padding:20px 0;cursor:pointer}
.gx-name{font-family:Impact,"Arial Black",sans-serif;font-stretch:condensed;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1}
.gx-count{font-family:"Geist Mono",monospace;font-size:12px;color:hsl(var(--muted-foreground))}
.gx-prev{font-family:"Geist Mono",monospace;font-size:12px;color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s}
.gx-ico{position:relative;width:14px;height:14px;justify-self:end;align-self:center}
.gx-ico::before,.gx-ico::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .25s}
.gx-ico::after{transform:rotate(90deg)}
.gx-cat[data-open="true"] .gx-ico::after{transform:rotate(0)}
.gx-cat[data-open="true"] .gx-prev{opacity:0}
.gx-head:hover .gx-name{color:hsl(var(--accent))}
.gx-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.gx-cat[data-open="true"] .gx-panel{grid-template-rows:1fr}
.gx-panel>ul{overflow:hidden;min-height:0;columns:2;column-gap:48px;list-style:none;margin:0;padding:0}
.gx-cat[data-open="true"] .gx-panel>ul{padding:0 0 22px}
.gx-panel li{display:flex;justify-content:space-between;gap:16px;break-inside:avoid;border-bottom:1px solid hsl(0 0% 100%/.07);padding:10px 0;font-family:"Geist Mono",monospace;font-size:13px}
.gx-panel li span:last-child{color:hsl(var(--muted-foreground));text-align:right}
.gx-panel li[hidden]{display:none}
.gx-none{padding:28px 0;font-family:"Geist Mono",monospace;font-size:13px;color:hsl(var(--muted-foreground))}
.gx mark{background:hsl(var(--accent)/.35);color:inherit;padding:0 1px}
@media (max-width:760px){
  .gx-head{grid-template-columns:1fr auto 1.5rem;row-gap:4px}
  .gx-prev{grid-column:1/-1;grid-row:2}
  .gx-panel>ul{columns:1}
  .gx-bar{flex-wrap:wrap}
}
