/* Two control rows at every supported viewport. All choices remain in native selects. */
.discovery[data-material-search]{padding-top:102px}
.discovery[data-material-search] .discovery-breadcrumb{margin-bottom:16px}
.discovery[data-material-search] .eyebrow{margin-bottom:8px}
.discovery[data-material-search] h1{font-size:clamp(32px,4vw,48px)}
.discovery[data-material-search] .lede{margin:10px 0 16px;font-size:17px}
.discovery .search-form--semantic{max-width:none;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:18px 0 8px}
.semantic-search-input{position:relative;min-width:0}
.discovery .search-form--semantic input{padding:13px 16px;min-height:48px;font-size:16px}
.search-form--semantic>.btn-primary{padding:10px 22px;min-height:48px}
.semantic-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-column:1/-1}
.discovery .semantic-filters label{grid-column:auto;position:relative;min-width:0;display:flex;align-items:center;border:1px solid var(--color-border-md);background:var(--color-bg-light);border-radius:12px;overflow:hidden}
.semantic-filters label>span{font-size:12px;color:var(--color-text-60);padding-left:12px;white-space:nowrap}
.semantic-filters select{min-width:0;width:100%;min-height:44px;padding:8px 24px 8px 8px;font-size:14px;text-overflow:ellipsis;color:var(--color-text);background:transparent;border:0;border-radius:12px}
.semantic-filters option{background:var(--color-bg-light);color:var(--color-text)}
.discovery #search-context{margin:6px 0 12px;font-size:12px;line-height:1.5}
.discovery .search-toolbar{padding:12px 0;gap:10px}
.discovery .search-toolbar select{padding:7px 10px;min-height:38px;font-size:14px}
.discovery .search-toolbar .quiet-button{padding:7px 12px;min-height:38px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#search-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:340px;overflow:auto;border:1px solid var(--color-border-strong);border-radius:14px;background:var(--color-bg-light);box-shadow:0 16px 40px #0004;padding:6px}
#search-suggestions [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.45}
#search-suggestions [role=option][aria-selected=true],#search-suggestions [role=option]:hover{background:var(--color-bg);outline:1px solid var(--color-teal)}
#search-suggestions small{font-size:11px;color:var(--color-text-60);white-space:nowrap}
#search-suggestions mark{background:transparent;color:var(--color-teal);font-weight:600}
.semantic-filters select:focus-visible,.search-form--semantic input:focus-visible{outline:2px solid var(--color-teal);outline-offset:-2px}
@media(max-width:600px){
 .discovery[data-material-search]{padding:94px 14px 44px}
 .discovery .search-form--semantic{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .search-form--semantic>.btn-primary{padding:10px 14px;font-size:16px}
 .semantic-filters{gap:6px}
 .semantic-filters label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .semantic-filters select{padding:10px 18px 10px 6px;font-size:14px}
 #search-suggestions{right:calc(-68px - 8px)}
 .discovery .search-toolbar{grid-template-columns:1fr auto}
 .discovery .search-toolbar p{grid-column:1/-1;font-size:13px}
}
@media(max-width:360px){.site-search-link{display:none}.semantic-filters select{font-size:13px;padding-right:14px}}