.search-page .search-form{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:24px;margin-bottom:28px;display:grid}.search-keyword-field{min-width:0}.search-page .search-input{border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:12px;min-height:54px;padding:4px 5px 4px 16px}.search-page .search-input>svg{color:var(--muted)}.search-page .search-input input{background:0 0;min-height:44px;padding:9px 0}.search-page .search-input input::placeholder{color:var(--muted)}.search-submit{border-left:1px solid var(--line);min-height:44px;color:var(--accent);font-size:var(--text-ui);white-space:nowrap;border-radius:0 3px 3px 0;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-weight:500;transition:background-color .15s;display:inline-flex}.search-submit:hover{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.search-page .results-label{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px 24px;padding-top:18px;display:flex}.search-page .results-label>span{overflow-wrap:anywhere;min-width:0}.search-page .results-label>a{color:var(--accent);flex-shrink:0}.search-keyword-field>label{margin-bottom:9px;display:block}.search-page .page-heading{margin-bottom:32px}.search-page .search-filter-control{width:100%}.search-page .search-filter-trigger{width:100%;min-height:54px}.search-page .search-filter-options{left:auto;right:0}.search-page .search-filter-trigger>svg{flex-shrink:0}.search-page .search-input input:disabled{background:0 0}.search-page .search-input:has(input:disabled){opacity:.7}.search-page .search-filter-trigger:disabled{cursor:wait}.search-page .search-filter-field{align-items:stretch}.search-page .search-filter-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.search-filter-field{flex-direction:column;gap:9px;min-width:0;max-width:100%;display:flex}.search-filter-label{color:var(--muted);font-size:var(--text-meta);white-space:nowrap}.search-filter-control{min-width:0;position:relative}.search-filter-trigger{border:1px solid var(--line);background:var(--surface);width:270px;max-width:100%;min-height:44px;color:var(--ink);text-align:left;font-size:var(--text-ui);border-radius:6px;justify-content:space-between;align-items:center;gap:20px;padding:9px 14px;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.search-filter-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-filter-trigger>svg{color:var(--muted);transition:transform .15s}.search-filter-trigger:hover,.search-filter-trigger[aria-expanded=true]{border-color:var(--accent)}.search-filter-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.search-filter-options{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:360px;max-width:calc(100vw - 44px);max-height:360px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 28px #26241f16}.search-filter-options>button{width:100%;min-height:44px;color:var(--ink);text-align:left;font-size:var(--text-ui);overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;line-height:1.5;display:flex}.search-filter-options>button>svg{visibility:hidden;color:var(--accent)}.search-filter-options>button[aria-selected=true]>svg{visibility:visible}.search-filter-options>button[aria-selected=true]{color:var(--accent)}.search-filter-options>button:hover,.search-filter-options>button:focus{background:var(--paper);box-shadow:inset 2px 0 var(--accent);outline:none}@media (max-width:760px){.search-page .search-form{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:24px}.search-page .page-heading{margin-bottom:26px}.search-page .page-heading h1{text-wrap:balance}.search-page .search-filter-options{width:100%;max-width:100%}.search-page .search-input{gap:10px;padding-left:12px}.search-submit{gap:7px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.search-submit,.search-filter-trigger,.search-filter-trigger>svg{transition:none}}
