/* The search page (0000019 req-001, ADR-082). Loaded after Pagefind's own
   stylesheet, so these rules win. Pagefind's UI reads its colours from its own
   custom properties, and each one here points at main.css's palette. The
   palette changes with the topic style and the colour mode, so both modes
   follow it with no extra rules. */
.search-page{max-width:900px;margin:40px auto 64px}
.search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:24px}
.search-heading h1{font-size:clamp(36px,5vw,60px);margin:0}
.search-sort{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}
.search-sort select{font:inherit;font-weight:400;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink)}
.search-sort select:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
/* The sort control works only through search.js, so it is hidden rather than
   shown dead where scripting is off. It stays in place otherwise, so nothing
   moves when the script runs. */
@media(scripting:none){.search-sort{display:none}}
.search-noscript{border-left:4px solid var(--orange);background:var(--soft);padding:16px 18px;font-size:15px}
.search-noscript a{text-decoration:underline;text-underline-offset:3px}
/* Results arrive after the page paints. The reserved height keeps the footer
   below the fold while they do, so their arrival moves nothing in view. */
#search{min-height:80vh;--pagefind-ui-scale:.85;--pagefind-ui-primary:var(--orange);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--paper);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--soft);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:3px;--pagefind-ui-font:inherit}
#search .pagefind-ui__search-input::placeholder{color:var(--muted);opacity:1}
#search .pagefind-ui__search-input:focus-visible,#search .pagefind-ui__search-clear:focus-visible,#search .pagefind-ui__button:focus-visible,#search .pagefind-ui__filter-checkbox:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
#search .pagefind-ui__result-link{color:var(--ink)}
#search .pagefind-ui__result-link:hover{color:var(--orange)}
#search .pagefind-ui__result-excerpt{color:var(--muted)}
#search mark{background:var(--soft);color:var(--ink)}