.search{position:relative}
.sx{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--color-surface);border:2px solid var(--color-edge);border-radius:var(--radius);box-shadow:4px 4px 0 var(--color-edge);text-align:left;max-height:none}
.sx h4{font:700 var(--fs-xs) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0;padding:10px 14px 4px}
.sx a{display:flex;gap:12px;align-items:baseline;padding:8px 14px;color:var(--color-ink);text-decoration:none;font:var(--fs-sm) var(--font-body)}
.sx a b{font-family:var(--font-mono);min-width:7.5em}.sx a span{color:var(--color-muted);font-size:var(--fs-xs)}
.sx a.hl{background:var(--color-accent);color:var(--color-on-accent)}.sx a.hl span{color:var(--color-on-accent)}
.sx .ft{border-top:1px solid var(--color-rule);padding:8px 14px;font:var(--fs-xs) var(--font-body);color:var(--color-muted);display:flex;flex-wrap:wrap;gap:4px 14px}
.sx kbd{font-family:var(--font-mono);border:1px solid var(--color-muted);border-radius:3px;padding:0 4px}
.sx a.sx-all{display:inline;padding:0;color:var(--color-accent);margin-left:auto}.sx.sx-scroll{max-height:60vh;overflow-y:auto}.sx-none{margin:0;padding:12px 14px;font:var(--fs-sm) var(--font-body);color:var(--color-ink)}
@media (max-width:600px){.sx a{flex-direction:column;gap:2px}.sx a b{min-width:0}.sx .ft span{display:none}}
/* Header search (every page without a hero search) */
.hsx{position:relative;margin-left:var(--s4)}
.hsx .search.hdr{margin:0;padding:2px 4px;width:240px;max-width:none}
.hsx .search.hdr input{padding:6px 8px;font-size:var(--fs-sm);min-width:0}
.hsx .search.hdr .sx{left:auto;right:0;width:min(440px,90vw)}
.hsx-open,.hsx-close{display:none}
.hsx-close{font:700 22px/1 var(--font-body);background:transparent;border:0;color:var(--color-ink);min-width:44px;min-height:44px;cursor:pointer}
@media (max-width:900px){
 header .wrap{position:relative}.hsx{margin-left:auto;position:static}.hsx-open{display:flex;padding:0 var(--s2);min-width:44px;justify-content:center}
 .hsx .search.hdr{display:none}
 .hsx.open .search.hdr{display:flex;position:absolute;left:var(--s3);right:var(--s3);top:50%;transform:translateY(-50%);width:auto;z-index:30;background:var(--color-surface)}
 .hsx.open .hsx-close{display:block}
 .hsx .search.hdr .sx{left:0;right:0;width:auto}
}