/* r63 site search (draft only). Loaded only by SEARCH=1 builds; styles.css is unchanged. No inline styles (CSP). */
.hsearch{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.35rem .8rem;border:1px solid #8a959e;border-radius:999px;background:var(--paper);color:var(--ink);font:500 .95rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;cursor:pointer}
.hsearch:hover{border-color:var(--navy);text-decoration:underline}
.hsearch-ico{width:1rem;height:1rem;flex:none}
.ssearch{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:1rem 1.25rem 1.1rem;margin:1.25rem 0 1.75rem}
.ssearch-label{display:block;font-weight:600;margin:0 0 .4rem}
.ssearch-row{display:flex;gap:.5rem}
.ssearch-input{flex:1 1 auto;min-width:0;padding:.6rem .8rem;border:1px solid #6b7882;border-radius:8px;background:#fff;color:var(--ink)}
.ssearch-go{flex:none;padding:.6rem 1.1rem;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:#fff;font-weight:600;cursor:pointer}
.ssearch-go:hover{background:#0b3566}
.ssearch-status{margin:.75rem 0 0;color:var(--muted);font-size:.95rem}
.sfilter{border:0;margin:.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;min-width:0}
.sfilter legend{float:left;padding:0;margin:0 .35rem 0 0;font-weight:600;font-size:.95rem}
.sfilter label{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border:1px solid #8a959e;border-radius:999px;background:#fff;font-size:.9rem;line-height:1.4;cursor:pointer}
.sfilter label:has(input:checked){border-color:var(--navy);background:var(--cyber-soft);font-weight:600}
.sfilter input{margin:0;accent-color:var(--navy)}
.sresults{list-style:none;margin:.6rem 0 0;padding:0}
/* /search/ runs the URL query on load; reserve room so the footer does not jump (CLS) */
.ssearch-page{min-height:100vh}
.sresult{padding:.8rem 0 .7rem;border-top:1px solid var(--line)}
.sresult-link{display:block;color:var(--ink);text-decoration:none}
.sresult-title{display:block;color:var(--link);font-weight:650;line-height:1.35;text-decoration:underline;text-underline-offset:.18em}
.sresult-link:hover .sresult-title{text-decoration-thickness:2px}
.sresult-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem}
.sresult-type{color:var(--muted);font:600 .8rem/1.2 system-ui,sans-serif;margin-right:.15rem}
.sresult .tag{font-size:.72rem;padding:.28rem .55rem}
.tag-tt{background:#e6e9f0;color:var(--navy)}
.tag-vid{background:#eceef1;color:#3b4a56}
.sresult-ex{margin:.4rem 0 0;font-size:.95rem;line-height:1.55}
.sresult-ex mark{background:#fde68a;color:inherit;padding:0 .08em;border-radius:2px}
.sresults-more{margin:.6rem 0 0;font-weight:600}
.sresults-more[hidden]{display:none}
.sdialog{width:min(44rem,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 4rem);margin:2rem auto auto;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 14px 44px rgba(0,28,59,.35);overscroll-behavior:contain}
.sdialog::backdrop{background:rgba(0,28,59,.6)}
.sdialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;background:var(--navy);color:#fff}
.sdialog-title{margin:0;font-size:1.15rem;color:#fff}
.sdialog-close{padding:.4rem .9rem;border:1px solid #fff;border-radius:999px;background:transparent;color:#fff;font-weight:600;cursor:pointer}
.sdialog-close:hover{background:#fff;color:var(--navy)}
.sdialog-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sdialog .ssearch{margin:0;border:0;border-radius:0;padding:1rem 1.25rem 1.25rem}
body:has(.sdialog[open]){overflow:hidden}
@media (max-width:40rem){
.sdialog{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0}
.ssearch{padding:.9rem 1rem 1rem}
}
@media (scripting:none){.ssearch{display:none}}
@media (forced-colors:active){.sresult-ex mark{forced-color-adjust:none;background:Mark;color:MarkText}.hsearch,.ssearch-go{border:1px solid ButtonText}}
/* header placement: wide screens get a round icon button at the end of the menu row (the menu already fills it);
   narrow screens put the labelled pill on the logo row, where there is room, so the header gains no extra row */
@media (min-width:40.01rem){
.hsearch{padding:.45rem;border-radius:50%}
.hsearch-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (max-width:40rem){
.bar>.hsearch{order:1;margin-left:auto}
.bar>nav{order:2;flex-basis:100%}
}