.search-filter-demo{--sf-blue:#075de8;--sf-ink:var(--text,#10233c);--sf-muted:var(--text-muted,#66758a);--sf-line:var(--border,#d7e0ec);--sf-soft:var(--surface-subtle,#f4f7fb);width:100%;color:var(--sf-ink);font-size:10px}.search-filter-demo *{box-sizing:border-box}.search-filter-demo button,.search-filter-demo input,.search-filter-demo select{font:inherit}.search-filter-demo button{cursor:pointer}.search-filter-demo [hidden]{display:none!important}.search-filter-demo mark{border-radius:2px;background:#fff0a8;color:inherit}.search-filter-demo a{color:var(--sf-blue);text-underline-offset:2px}.search-filter-demo p{margin:0;line-height:1.42}.search-filter-demo ul,.search-filter-demo ol{margin:0;padding:0;list-style:none}.search-filter-demo input,.search-filter-demo select{min-width:0;border:1px solid var(--sf-line);border-radius:5px;background:var(--surface,#fff);color:inherit;padding:6px}.search-filter-demo button:focus-visible,.search-filter-demo input:focus-visible,.search-filter-demo select:focus-visible,.search-filter-demo a:focus-visible{outline:2px solid var(--sf-blue);outline-offset:2px}.sf-status{display:block;color:var(--sf-muted);line-height:1.35}.sf-searchbox{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--sf-line);border-radius:7px;background:var(--surface,#fff)}.sf-searchbox>span{color:var(--sf-blue);font-size:16px;text-align:center}.sf-searchbox input{border:0}.sf-searchbox button{align-self:stretch;border:0;background:var(--sf-blue);color:white;padding:0 9px;font-weight:700}
.sf-site-search,.sf-scoped,.sf-instant,.sf-shortcut,.sf-voice,.sf-autocomplete,.sf-completion,.sf-filter-dropdown,.sf-option-search{display:grid;gap:6px}.sf-site-search>label,.sf-scoped>label,.sf-instant>label,.sf-voice>label,.sf-autocomplete>label,.sf-completion>label,.sf-filter-dropdown>label,.sf-option-search>label{font-weight:700}.sf-global{overflow:hidden;border:1px solid var(--sf-line);border-radius:8px;background:var(--surface,#fff);box-shadow:0 7px 18px rgba(19,42,72,.08)}.sf-global header{display:grid;grid-template-columns:18px 1fr auto;align-items:center;border-bottom:1px solid var(--sf-line);padding:6px}.sf-global header input{border:0}.sf-global kbd,.sf-shortcut kbd{border:1px solid var(--sf-line);border-bottom-width:2px;border-radius:4px;background:var(--sf-soft);padding:2px 4px;font-size:8px}.sf-global section{display:grid;padding:5px}.sf-global section>small{padding:5px;color:var(--sf-muted);font-size:7px;font-weight:800;letter-spacing:.08em}.sf-global section button{display:grid;border:0;border-radius:5px;background:transparent;padding:5px;text-align:left}.sf-global section button:hover{background:var(--sf-soft)}.sf-global section button span{color:var(--sf-muted);font-size:8px}
.sf-local-list{display:grid;gap:6px}.sf-local-list ul{display:grid;gap:3px}.sf-local-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--sf-line);padding:5px}.sf-local-list li span{color:var(--sf-muted)}.sf-scoped>div{display:grid;grid-template-columns:auto 1fr auto}.sf-scoped>div>*{border-radius:0}.sf-scoped>div>*:first-child{border-radius:6px 0 0 6px}.sf-scoped>div>*:last-child{border:0;border-radius:0 6px 6px 0;background:var(--sf-blue);color:white;font-weight:700}.sf-instant>input{width:100%}.sf-instant [data-search-results]{display:grid;gap:2px}.sf-instant [data-search-results] button{border:0;border-radius:4px;background:var(--sf-soft);padding:5px;text-align:left}.sf-shortcut>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;border:1px solid var(--sf-line);border-radius:7px;background:var(--surface,#fff);padding:8px;text-align:left}.sf-shortcut>input{opacity:.78}.sf-voice>div{display:grid;grid-template-columns:1fr 32px}.sf-voice>div input{border-radius:6px 0 0 6px}.sf-voice>div button{border:0;border-radius:0 6px 6px 0;background:var(--sf-blue);color:white}.sf-voice>div button[aria-pressed=true]{background:#d72d43;animation:sf-pulse 1.2s infinite}@keyframes sf-pulse{50%{box-shadow:0 0 0 4px rgba(215,45,67,.18)}}
.sf-autocomplete>input{width:100%}.sf-autocomplete [role=listbox]{display:grid;overflow:hidden;border:1px solid var(--sf-line);border-radius:6px;background:var(--surface,#fff)}.sf-autocomplete [role=option]{border:0;border-bottom:1px solid var(--sf-line);background:transparent;padding:6px;text-align:left}.sf-autocomplete [role=option]:last-child{border-bottom:0}.sf-recents,.sf-history,.sf-builder,.sf-popular,.sf-tokens,.sf-results-page,.sf-grouped,.sf-facets,.sf-applied,.sf-saved{display:grid;gap:6px}.sf-recents header,.sf-history header,.sf-builder header,.sf-results-page header,.sf-grouped header,.sf-applied header,.sf-saved header{display:flex;align-items:center;justify-content:space-between;gap:6px}.sf-recents header button,.sf-builder header button,.sf-applied header button,.sf-saved header button{border:0;background:transparent;color:var(--sf-blue);padding:2px;font-weight:700}.sf-recents ul,.sf-history ul{display:grid;gap:3px}.sf-recents li,.sf-history li{display:grid;grid-template-columns:1fr auto;align-items:center;border-radius:5px;background:var(--sf-soft)}.sf-recents li button,.sf-history li button{border:0;background:transparent;padding:6px;text-align:left}.sf-recents li button:last-child,.sf-history li button:last-child{color:var(--sf-muted)}.sf-popular>div{display:flex;flex-wrap:wrap;gap:5px}.sf-popular button,.sf-chip{border:1px solid var(--sf-line);border-radius:99px;background:var(--surface,#fff);padding:5px 8px}.sf-popular button:hover,.sf-chip[aria-pressed=true]{border-color:var(--sf-blue);background:var(--blue-soft,#eaf2ff);color:var(--sf-blue)}
.sf-completion>div{position:relative}.sf-completion>div span{position:absolute;z-index:0;inset:7px auto auto 7px;color:#aab5c3}.sf-completion input{position:relative;z-index:1;width:100%;background:transparent}.sf-completion>button{justify-self:start;border:0;background:transparent;color:var(--sf-blue);padding:0;font-weight:700}.sf-spelling{display:grid;gap:6px;border-left:3px solid #df9b16;background:var(--sf-soft);padding:9px}.sf-spelling button{border:0;background:transparent;color:var(--sf-blue);padding:0;text-decoration:underline}.sf-tokens>div{display:flex;flex-wrap:wrap;gap:4px;border:1px solid var(--sf-line);border-radius:6px;background:var(--surface,#fff);padding:5px}.sf-tokens>div>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--blue-soft,#eaf2ff);color:var(--sf-blue);padding:4px 5px}.sf-tokens span button{border:0;background:transparent;color:inherit;padding:0}.sf-tokens input{min-width:60px;flex:1;border:0;padding:3px}.sf-builder [data-search-rule]{display:grid;grid-template-columns:1fr .7fr 1fr;gap:3px}.sf-builder select{width:100%;padding:5px}.sf-history header label{display:flex;align-items:center;gap:3px;color:var(--sf-muted)}.sf-history li>span{display:grid;padding:6px}.sf-history li small{color:var(--sf-muted)}
.sf-result{display:grid;gap:2px;border-bottom:1px solid var(--sf-line);padding:6px 0}.sf-result:last-child{border-bottom:0}.sf-result>a{font-weight:800}.sf-result>small,.sf-snippet>small{color:var(--sf-muted)}.sf-result p{color:var(--sf-muted)}.sf-results-page header select{max-width:88px;padding:4px}.sf-summary{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:7px;border:1px solid var(--sf-line);border-radius:8px;padding:9px}.sf-summary>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--blue-soft,#eaf2ff);color:var(--sf-blue);font-size:18px}.sf-summary>div p{color:var(--sf-muted)}.sf-summary>button{border:0;border-radius:5px;background:var(--sf-blue);color:white;padding:6px}.sf-summary .sf-status{grid-column:2/-1}.sf-highlight{display:grid;gap:3px}.sf-grouped{grid-template-columns:repeat(2,1fr)}.sf-grouped section{display:grid;align-content:start;gap:3px;border:1px solid var(--sf-line);border-radius:6px;padding:7px}.sf-grouped header span{border-radius:99px;background:var(--sf-soft);padding:2px 5px}.sf-grouped a{padding:3px 0}.sf-snippet{display:grid;gap:5px;border:1px solid var(--sf-line);border-radius:8px;background:var(--surface,#fff);padding:9px}.sf-snippet>a{font-size:12px;font-weight:800}.sf-snippet footer{display:flex;justify-content:space-between;color:var(--sf-muted)}
.sf-loading{display:grid;gap:7px}.sf-loading header{display:grid;grid-template-columns:1fr 70px;gap:6px}.sf-loading header span,.sf-loading article i{display:block;border-radius:4px;background:linear-gradient(90deg,var(--sf-soft),var(--surface-selected,#e4eaf2),var(--sf-soft));background-size:200% 100%;animation:sf-shimmer 1.5s linear infinite}.sf-loading header span{height:18px}.sf-loading article{display:grid;gap:4px}.sf-loading article i{height:8px}.sf-loading article i:first-child{width:70%}.sf-loading article i:last-child{width:85%}@keyframes sf-shimmer{to{background-position:-200% 0}}.sf-empty,.sf-error{display:grid;justify-items:center;gap:6px;border:1px dashed var(--sf-line);border-radius:8px;background:var(--sf-soft);padding:13px;text-align:center}.sf-empty>span,.sf-error>span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:var(--surface,#fff);color:var(--sf-blue);font-size:17px}.sf-empty p,.sf-error p{color:var(--sf-muted)}.sf-empty>button,.sf-error>button,.sf-filtered-empty>div button{border:0;border-radius:5px;background:var(--sf-blue);color:white;padding:6px 8px}.sf-error>span{background:#fff0f1;color:#b52635}.sf-error .sf-status{color:#9b3a42}
.sf-filter-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:4px}.sf-filter-bar>button{border:0;background:transparent;color:var(--sf-blue);font-weight:700}.sf-filter-bar .sf-status{grid-column:1/-1}.sf-facets{grid-template-columns:repeat(2,1fr)}.sf-facets section{display:grid;gap:5px;border-right:1px solid var(--sf-line);padding-right:7px}.sf-facets section:last-of-type{border:0;padding-right:0}.sf-facets label,.sf-drawer label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px}.sf-facets label small{color:var(--sf-muted)}.sf-facets .sf-status{grid-column:1/-1}.sf-drawer{position:relative;min-height:112px;border-radius:8px;background:linear-gradient(145deg,#eff4fb,#dfe9f6);padding:9px}.sf-drawer>button{display:flex;align-items:center;gap:6px;border:1px solid var(--sf-line);border-radius:6px;background:var(--surface,#fff);padding:7px;font-weight:700}.sf-drawer>button span{border-radius:99px;background:var(--sf-blue);color:white;padding:2px 5px}.sf-drawer>section{position:absolute;z-index:2;inset:7px;display:grid;gap:6px;border-radius:7px;background:var(--surface,#fff);padding:8px;box-shadow:0 8px 25px rgba(15,34,60,.18)}.sf-drawer section header{display:flex;justify-content:space-between}.sf-drawer section header button{border:0;background:transparent}.sf-drawer section>button{border:0;border-radius:5px;background:var(--sf-blue);color:#fff;padding:6px}.sf-drawer>.sf-status{position:absolute;left:9px;bottom:8px}.sf-filter-dropdown select{width:100%}.sf-quick{display:grid;gap:7px}.sf-quick>div{display:flex;flex-wrap:wrap;gap:4px}.sf-applied>div,.sf-clear>div{display:flex;flex-wrap:wrap;gap:4px}.sf-applied>div>span,.sf-clear>div>span{display:inline-flex;align-items:center;gap:3px;border-radius:99px;background:var(--blue-soft,#eaf2ff);color:var(--sf-blue);padding:4px 6px}.sf-applied span button{border:0;background:transparent;color:inherit;padding:0}
.sf-range{display:grid;gap:8px}.sf-range header{display:flex;justify-content:space-between}.sf-range output{color:var(--sf-blue);font-weight:700}.sf-range>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.sf-range label,.sf-date-range label,.sf-dependent label{display:grid;gap:3px}.sf-range>input{width:100%;accent-color:var(--sf-blue)}.sf-date-range{display:grid;gap:7px}.sf-date-range>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:5px}.sf-date-range nav{display:flex;gap:4px}.sf-date-range nav button{border:1px solid var(--sf-line);border-radius:99px;background:var(--surface,#fff);padding:4px 7px}.sf-date-range nav button.active{border-color:var(--sf-blue);color:var(--sf-blue)}.sf-hierarchy{display:grid;gap:4px}.sf-hierarchy>button{display:flex;justify-content:space-between;border:0;border-radius:5px;background:var(--sf-soft);padding:6px;text-align:left;font-weight:700}.sf-hierarchy>button span{margin-left:auto;color:var(--sf-muted)}.sf-hierarchy>div{display:grid;gap:4px;padding-left:14px}.sf-hierarchy label{display:grid;grid-template-columns:auto 1fr auto;gap:4px}.sf-option-search>input{width:100%}.sf-option-search ul{display:grid;gap:3px}.sf-option-search li{display:flex;justify-content:space-between;border-bottom:1px solid var(--sf-line);padding:4px}.sf-dependent{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sf-dependent .sf-status{grid-column:1/-1}.sf-clear{display:grid;gap:7px}.sf-clear>button{justify-self:start;border:0;background:transparent;color:var(--sf-blue);padding:0;font-weight:700}.sf-sort{display:grid;gap:6px}.sf-sort>div{display:flex;align-items:center;justify-content:space-between}.sf-sort label{display:flex;align-items:center;gap:4px}.sf-sort select{max-width:90px;padding:4px}.sf-sort ol{display:grid;gap:3px;counter-reset:item}.sf-sort li{display:flex;justify-content:space-between;border-radius:5px;background:var(--sf-soft);padding:6px}.sf-sort li span{color:var(--sf-muted)}.sf-saved>button{display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:5px;background:transparent;padding:6px;text-align:left}.sf-saved>button.active{border-color:var(--sf-blue);background:var(--blue-soft,#eaf2ff);color:var(--sf-blue)}.sf-saved>button small{color:var(--sf-muted)}.sf-filtered-empty>div{display:flex;gap:5px}.sf-filtered-empty>div button:last-child{background:transparent;color:var(--sf-blue)}
.concept-card-preview .search-filter-demo{min-width:0;font-size:9px}.concept-card-preview .search-filter-demo input,.concept-card-preview .search-filter-demo select{padding:5px}.concept-card-preview .sf-searchbox button{padding:0 6px}.concept-card-preview .sf-global section button{padding:4px}.concept-card-preview .sf-result{padding:4px 0}.concept-card-preview .sf-result p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.concept-card-preview .sf-empty,.concept-card-preview .sf-error{padding:9px}.concept-card-preview .sf-dependent{grid-template-columns:1fr}.concept-card-preview .sf-dependent .sf-status{grid-column:1}.concept-card-preview .sf-filtered-empty>div{flex-wrap:wrap;justify-content:center}
@media(max-width:480px){.search-filter-demo{font-size:11px}.sf-scoped>div{grid-template-columns:1fr}.sf-scoped>div>*{border-radius:5px!important}.sf-filter-bar{grid-template-columns:1fr}.sf-filter-bar .sf-status{grid-column:1}.sf-dependent{grid-template-columns:1fr}.sf-dependent .sf-status{grid-column:1}}
@media(prefers-reduced-motion:reduce){.search-filter-demo *,.search-filter-demo *::before,.search-filter-demo *::after{animation:none!important;transition:none!important}}