/* Question search (2026-10-09, Part B of mock-up B2): the box in the header on every page, the large box on the stories page and the search page.
   Loaded by js/nav.js (header) and by the stories pages. No shadows. Colors are the site's six. */
.qs{position:relative}
.qs-lab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qs-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line,#2C3137);border-radius:999px;background:var(--panel,#181C20);padding:0 12px;height:42px;color:var(--brass,#C9A66B)}
.qs-box:focus-within{border-color:var(--brass,#C9A66B);outline:3px solid var(--brass,#C9A66B);outline-offset:2px}
.qs-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--ink,#F2EEE7);font:600 15px var(--sans,'Manrope',Arial,sans-serif);padding:0}
.qs-box input::placeholder{color:var(--muted,#B9B2A7);font-weight:400;opacity:1}
.qs-box input::-webkit-search-cancel-button{display:none}
.qs-clear{background:none;border:0;color:var(--muted,#B9B2A7);font-size:22px;line-height:1;cursor:pointer;padding:0 4px;min-width:28px;min-height:28px}
.qs-clear:focus-visible{outline:2px solid var(--brass,#C9A66B);border-radius:6px}
.qs-go{display:none}
.qs-list{list-style:none;margin:6px 0 0;padding:6px;position:absolute;z-index:70;background:var(--panel,#181C20);border:1px solid var(--line,#2C3137);border-radius:14px;max-height:70vh;overflow:auto;left:0;right:0}
.qs-list[hidden]{display:none}
.qs-list li{border-radius:10px;margin:0}
.qs-list a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:10px 12px;color:var(--ink,#F2EEE7);font-size:15px;line-height:1.3;text-decoration:none}
.qs-list li.act,.qs-list li:hover{background:var(--bg,#111417)}
.qs-list li.act{outline:2px solid var(--brass,#C9A66B);outline-offset:-2px}
.qs-list mark{background:transparent;color:var(--brass,#C9A66B);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.qs-k{flex:none;font:700 11px var(--sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#B9B2A7)}
.qs-h{padding:8px 12px 4px;font:700 12px var(--sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--brass,#C9A66B)}
.qs-all a{color:var(--brass,#C9A66B);font-weight:700;justify-content:flex-start}
.qs-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.qs-head{flex:0 1 230px;min-width:170px;margin-left:6px}
.qs-head .qs-list{left:auto;right:0;width:440px;max-width:calc(100vw - 32px)}
.qs-big{max-width:760px}.qs-big .qs-box{height:56px;padding:0 18px}.qs-big .qs-box input{font-size:18px}
/* when the menu and the box do not fit on one row (js/nav.js measures this), the search takes its own row under the menu */
.site-header.has-qs.qs-row .wrap{flex-wrap:wrap!important;row-gap:8px}
.site-header.has-qs.qs-row .qs-head{order:5;flex:1 1 100%;margin:0 0 6px}
.site-header.has-qs.qs-row .qs-head .qs-list{left:0;right:0;width:auto}
/* the header brand and one-line menu items: the same rules as nav.css, repeated here because the United States arm keeps an older copy of nav.css */
.fn-top{white-space:nowrap}
.wordmark.has-brand{display:inline-flex;align-items:center;flex:0 0 auto;margin-right:24px;border-radius:8px}
.fha-wm{display:block;height:36px;width:auto;min-width:120px}
.fha-disc{display:none;width:40px;height:40px}
@media(max-width:820px){.fha-wm{display:none}.fha-disc{display:block}.wordmark.has-brand{margin-right:0}}
@media(min-width:821px) and (max-width:1100px){.fha-wm{display:none}.fha-disc{display:block}.wordmark.has-brand{margin-right:12px}.fn-top{padding:9px 9px}}
/* phones: the box sits at the top of the opened menu */
@media(max-width:820px){
  .fha-nav .qs-head{flex:none;width:100%;min-width:0;margin:10px 0 6px;order:-1}
  .fha-nav .qs-head .qs-list{left:0;right:0;width:auto;max-width:none;position:static;max-height:60vh}
  .fha-nav .qs-box{height:46px}
}