.masthead{z-index:40}
.header-search{position:relative;width:430px;max-width:38vw}
.search-suggestions{position:absolute;top:calc(100% + 10px);left:-1px;right:-1px;width:auto;max-width:none;background:var(--bg-primary);color:var(--text-primary);border:var(--rule);border-radius:6px;box-shadow:0 16px 48px rgba(0,0,0,.28);overflow:hidden;text-align:left}
.search-suggestions[hidden]{display:none}
#search-options{max-height:min(580px,calc(100dvh - 170px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:6px}
.search-group+.search-group{border-top:var(--rule);margin-top:5px;padding-top:5px}
.search-group-label{font-size:10px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-tertiary);padding:10px 12px 6px}
.search-option{display:flex;align-items:center;gap:11px;padding:10px 12px;min-height:46px;border-radius:3px;cursor:pointer}
.search-option:hover,.search-option[aria-selected=true]{background:var(--surface-active)}
.search-result-icon{display:flex;align-self:flex-start;margin-top:2px;color:var(--text-tertiary)}
.search-result-icon svg{width:17px;height:17px}
.search-result-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.search-result-title{font-size:13px;line-height:1.45;font-weight:400;color:var(--text-secondary)}
.search-result-title mark{background:none;color:var(--text-primary);font-weight:500}
.search-story .search-result-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-result-meta{font-size:10px;color:var(--text-tertiary);line-height:1.4}
.search-result-count{font-size:10px;white-space:nowrap;color:var(--text-tertiary);flex-shrink:0}
.search-result-count svg{width:15px;height:15px}
.search-all{border-top:var(--rule);border-radius:0;margin-top:5px;padding-top:13px;padding-bottom:12px}
.search-all .search-result-title{font-weight:500;color:var(--text-primary)}
.search-hint{display:flex;gap:20px;padding:10px 18px;border-top:var(--rule);font-size:10px;color:var(--text-tertiary);background:var(--bg-secondary)}
.search-no-results{display:flex;flex-direction:column;gap:6px;padding:22px 14px;font-size:12px;color:var(--text-secondary)}
.search-no-results strong{font-weight:500;color:var(--text-primary)}
@media(prefers-reduced-motion:no-preference){.search-suggestions:not([hidden]){animation:suggestions-in .14s ease-out}@keyframes suggestions-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:700px){.header-search{width:100%;max-width:none;grid-column:1/3}.masthead #theme{grid-column:3;grid-row:2}.search-suggestions{top:calc(100% + 7px);width:auto;max-width:none}#search-options{max-height:calc(100dvh - 160px)}.search-option{padding:10px 8px;gap:8px}.search-result-title{font-size:12px}.search-result-count{font-size:9px}.search-group-label{padding-left:8px}.search-hint{display:none}}
/* One masthead field contract in both themes. */
.masthead .header-actions{gap:12px;align-items:center}
.header-search{height:40px;gap:0;border:1px solid #44474c;border-radius:6px;background:#202225;box-shadow:inset 0 1px 0 #ffffff04;transition:background var(--time-ui) var(--ease-ui),border-color var(--time-ui) var(--ease-ui),box-shadow var(--time-ui) var(--ease-ui)}
.header-search:hover{background:#27292d;border-color:#61656b}
.header-search:focus-within{background:#27292d;border-color:#92969c;box-shadow:0 0 0 3px #ffffff0a}
.header-search input{padding:0 10px 0 0;flex:1;font-size:14px;line-height:1.5;letter-spacing:0;color:#f3f3f3;caret-color:#fff}
.header-search input::placeholder{color:#bfc1c5;opacity:1}
.header-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.header-search button{height:38px;color:#bfc1c5}
.header-search button[type=submit]{width:42px;border-radius:5px 0 0 5px;color:#bfc1c5}
.header-search button:hover{background:#ffffff0a}
.header-search .search-clear{width:32px;margin-right:4px;border-radius:3px;color:#bfc1c5}
.header-search .search-clear svg{width:14px;height:14px}
.search-suggestions{top:calc(100% + 8px);box-shadow:0 8px 24px #0002}
.search-option[aria-selected=true]{box-shadow:inset 2px 0 var(--text-secondary)}
.search-group-label{padding-top:8px;padding-bottom:5px;font-size:11px}
.search-result-meta,.search-result-count{font-size:11px}
.search-hint{display:none}
.masthead #theme{border-radius:6px;width:36px;height:40px;flex-shrink:0}
@media(max-width:700px){
 .header-search{height:44px}
 .header-search input{font-size:16px}
 .header-search button,.header-search .search-clear{height:42px;width:40px}
 .header-search button[type=submit]{width:40px}
 .masthead #theme{width:44px;height:44px}
 .masthead #workspace-menu-open{height:44px;width:32px}
 .search-option{min-height:44px}
 .search-result-title{font-size:14px}
 #search-options{max-height:calc(100dvh - 176px)}
}
@media(prefers-reduced-motion:reduce){.header-search{transition:none}}