/* ResultsAiX Theme: the header Search button and the search panel. */
.raix-search-toggle{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;border:1px solid var(--raix-border);border-radius:999px;background:var(--raix-card);color:var(--raix-text);font:600 14px/1 inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;white-space:nowrap}
.raix-search-toggle svg{width:18px;height:18px;fill:currentColor;flex:none}
.raix-search-toggle:hover{border-color:var(--raix-primary);box-shadow:0 0 0 3px var(--raix-primary-light)}
.raix-search-toggle:focus-visible{outline:3px solid var(--raix-primary);outline-offset:2px}
.raix-search-kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;border:1px solid var(--raix-border);background:var(--raix-bg);color:var(--raix-faint);font:700 11px/1 inherit;font-family:inherit}
@media (max-width:900px){.raix-search-toggle{width:40px;padding:0;justify-content:center}.raix-search-toggle-text,.raix-search-kbd{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.raix-header-inner .raix-search-toggle{order:5}
@media (max-width:782px){.raix-header-inner .raix-search-toggle{order:1}}
.raix-topbar-tools .raix-search-toggle{margin-left:0}
/* The panel */
.raix-search{position:fixed;inset:0;z-index:99997;display:flex;align-items:flex-start;justify-content:center;padding:min(12vh,120px) 16px 16px}
.raix-search[hidden]{display:none}
.raix-search-scrim{position:absolute;inset:0;background:rgba(10,10,15,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.raix-search-panel{position:relative;width:100%;max-width:720px;max-height:calc(100vh - min(12vh,120px) - 16px);display:flex;flex-direction:column;background:var(--raix-card);color:var(--raix-text);border:1px solid var(--raix-border);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:raix-search-in .18s ease-out;overflow:hidden}
@keyframes raix-search-in{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.raix-search-form{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 20px;border-bottom:1px solid var(--raix-border)}
.raix-search-form>svg{width:24px;height:24px;fill:var(--raix-faint);flex:none}
.raix-search-form input[type=search]{flex:1;min-width:0;border:0;background:transparent;color:var(--raix-text);font:600 20px/1.3 inherit;font-family:inherit;padding:8px 0;outline:0;-webkit-appearance:none;appearance:none}
.raix-search-form input[type=search]::placeholder{color:var(--raix-faint);font-weight:500}
.raix-search-form input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.raix-search-go{flex:none}
.raix-search-meta{display:flex;justify-content:space-between;gap:12px;padding:8px 20px;font-size:12.5px;color:var(--raix-faint);border-bottom:1px solid var(--raix-border)}
.raix-search-meta kbd{display:inline-block;padding:1px 6px;border:1px solid var(--raix-border);border-radius:5px;background:var(--raix-bg);font-family:inherit;font-weight:700;font-size:11px}
.raix-search-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--raix-faint);font-size:26px;line-height:1;cursor:pointer}
.raix-search-close:hover{background:var(--raix-primary-light);color:var(--raix-text)}
.raix-search-form+.raix-search-meta~.raix-search-close,.raix-search-panel .raix-search-close{top:16px;right:14px}
.raix-search-form{padding-right:56px}
.raix-search-results{overflow-y:auto;padding:8px;flex:1;min-height:0}
.raix-search-results:empty{display:none}
.raix-search-group{margin:6px 0 2px;padding:0 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--raix-faint)}
.raix-search-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--raix-text);text-decoration:none;cursor:pointer}
.raix-search-item:hover,.raix-search-item.is-active{background:var(--raix-primary-light);text-decoration:none;color:var(--raix-text)}
.raix-search-item.is-active{outline:2px solid var(--raix-primary);outline-offset:-2px}
.raix-search-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--raix-bg);flex:none}
.raix-search-thumb.is-letter{display:grid;place-items:center;font-weight:800;font-size:18px;color:var(--raix-primary-strong)}
.raix-search-text{min-width:0}
.raix-search-title{display:block;font-weight:700;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raix-search-snip{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--raix-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.raix-search-item mark{background:var(--raix-primary-light);color:inherit;border-radius:3px;padding:0 1px;font-weight:800}
.raix-search-type{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--raix-primary-strong);white-space:nowrap}
.raix-search-date{display:block;margin-top:2px;font-size:11.5px;color:var(--raix-faint);text-align:right}
.raix-search-all{display:block;margin:6px 4px 4px;padding:12px;border-radius:12px;text-align:center;font-weight:700;color:var(--raix-primary-strong);background:var(--raix-bg);text-decoration:none}
.raix-search-all:hover,.raix-search-all.is-active{background:var(--raix-primary);color:var(--raix-primary-text);text-decoration:none}
.raix-search-empty,.raix-search-status{padding:22px 16px;text-align:center;color:var(--raix-muted);font-size:14px}
.raix-search-recent{display:flex;align-items:center;justify-content:space-between;gap:10px}
.raix-search-recent button{border:0;background:transparent;color:var(--raix-faint);font:600 12px inherit;font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:0}
.raix-search-recent button:hover{color:var(--raix-primary-strong)}
.raix-search-chip{display:inline-flex;align-items:center;gap:8px;margin:4px;padding:8px 14px;border-radius:999px;background:var(--raix-bg);border:1px solid var(--raix-border);color:var(--raix-text);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
.raix-search-chip:hover,.raix-search-chip.is-active{border-color:var(--raix-primary);background:var(--raix-primary-light);color:var(--raix-text);text-decoration:none}
.raix-search-chip svg{width:14px;height:14px;fill:var(--raix-faint)}
.raix-search-plugin{padding:18px 20px 22px}
body.raix-search-open{overflow:hidden}
@media (max-width:640px){.raix-search{padding:10px}.raix-search-panel{border-radius:16px;max-height:calc(100vh - 20px)}.raix-search-form input[type=search]{font-size:17px}.raix-search-go{display:none}.raix-search-item{grid-template-columns:auto 1fr}.raix-search-item>.raix-search-side{display:none}}
/* ---------- The search plugin's own box, inside this window ----------
   Kevin, 15 Sept 2026: "BUG.. with the search bar.. nothing appears", with a
   shot of two crosses stacked in the corner.

   Both came from this wrapper never having been styled at all. The plugin
   draws its results as an absolutely positioned dropdown UNDER its box, and
   this window clips what falls outside it, so the results were drawn and then
   cut off: hence nothing appearing. Its Clear button sits at the right hand
   end of the pill, which is exactly where this window's own Close button is
   pinned, so the two landed on top of each other. */
/* Close sits ABOVE the field, not beside it: two crosses on one line read as
   one control, and people press the wrong one. */
.raix-search-plugin{display:flex;flex-direction:column;min-height:0;padding:48px 16px 16px}
.raix-search-plugin .ras-search{max-width:none;display:flex;flex-direction:column;min-height:0}
/* In the flow, not floating under the box, so this window can hold it. */
.raix-search-plugin .ras-panel{position:static;margin-top:12px;max-height:none;min-height:0;box-shadow:none;border-radius:14px}
.raix-search-plugin .ras-list{max-height:min(58vh,440px);overflow-y:auto}
.raix-search-panel:has(.raix-search-plugin) .raix-search-close{top:8px;right:10px}
@media (max-width:600px){.raix-search-plugin{padding:44px 14px 14px}.raix-search-plugin .ras-list{max-height:min(52vh,360px)}}

@media (prefers-reduced-motion:reduce){.raix-search-panel{animation:none}}
@media print{.raix-search,.raix-search-toggle{display:none!important}}
