/* The footer search (site/search.70465476fc.js), in both footers: loaded by the footer partials themselves. Each footer
   lends it its own colours through the --s-* names; everything else is shared. */
.site-foot .search { --s-ink: var(--f-ink); --s-muted: var(--f-muted); --s-card: var(--f-card); --s-line: var(--f-line); --s-accent: var(--f-accent); --s-mark: #e8dcf3; }
.wz-foot .search { --s-ink: var(--ink); --s-muted: var(--muted); --s-card: var(--card); --s-line: var(--line); --s-accent: var(--accent); --s-mark: #f6e3b4; }

.search { margin: 0 0 2.2rem; text-align: left; }
.search label { display: block; margin: 0 0 .5rem; font: 600 .82rem/1.4 Atkinson, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; color: var(--s-ink); }
.search input { box-sizing: border-box; width: 100%; min-height: 3rem; padding: .6rem .9rem; border: 2px solid var(--s-ink); border-radius: 0;
  background: var(--s-card); box-shadow: 5px 5px 0 var(--s-line); color: var(--s-ink); font: 1.05rem/1.3 Atkinson, system-ui, sans-serif; -webkit-appearance: none; appearance: none; }
.search input::placeholder { color: var(--s-muted); opacity: 1; }
.search input:focus { outline: 2px dashed var(--s-accent); outline-offset: 3px; }
.search .search-status { margin: .9rem 0 0; font: 600 .8rem/1.4 Atkinson, system-ui, sans-serif; letter-spacing: .04em; color: var(--s-muted); }
.search .search-status:empty { display: none; }
.search-results { list-style: none; margin: .5rem 0 0; padding: 0; }
.search-results:empty { display: none; }
.search-results li { border-top: 1px solid var(--s-line); }
.search-results li:last-child { border-bottom: 1px solid var(--s-line); }
.search-results a { display: grid; gap: .2rem; padding: .75rem .2rem; color: var(--s-muted); text-decoration: none; }
.search-results a:hover, .search-results a:focus-visible { background: var(--s-card); }
.search-results a:focus-visible { outline: 2px dashed var(--s-accent); outline-offset: 2px; }
.sr-title { font: 700 1.02rem/1.3 Atkinson, system-ui, sans-serif; color: var(--s-ink); text-decoration: underline dotted; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.sr-where { font: 600 .78rem/1.4 Atkinson, system-ui, sans-serif; letter-spacing: .03em; color: var(--s-accent); }
.sr-text { font: .92rem/1.5 Atkinson, system-ui, sans-serif; overflow-wrap: anywhere; }
.search-results mark { background: var(--s-mark); color: var(--s-ink); padding: 0 .1em; }