.spotlight { color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-control-border); border-radius:var(--radius-card); width:min(46rem,calc(100% - 2rem)); max-width:calc(100% - 2rem); max-height:85dvh; padding:var(--space-4); overflow:auto; overscroll-behavior:contain; }
.spotlight::backdrop { background:color-mix(in srgb,var(--color-black) 65%,transparent); }
.spotlight-header { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); }
.spotlight-header h2 { margin:0; }
.spotlight form,.search-page form { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.spotlight label,.search-page label { width:100%; }
.spotlight input,.search-page input { flex:1 1 10rem; min-width:0; width:100%; }
.spotlight button,.spotlight input,.search-page button,.search-page input { min-height:var(--touch-target); padding:var(--space-2); font:inherit; color:var(--color-text); background:var(--color-surface); border:1px solid var(--color-control-border); border-radius:var(--radius-control); }
.spotlight [data-search-results] { min-width:0; }
.spotlight-type { font-weight:bold; margin-block:var(--space-4) var(--space-2); }
.spotlight-result { display:flex; flex-direction:column; min-height:var(--touch-target); padding:var(--space-3); border:1px solid var(--color-border); cursor:pointer; overflow-wrap:anywhere; }
.spotlight-result[aria-selected=true] { background:var(--color-cobalt); color:var(--color-white); }
.spotlight-result-title { font-weight:bold; }
.spotlight-subtitle,.spotlight-snippet { font-size:var(--type-small); }
.public-anchor-card { padding:var(--space-4); border:1px solid var(--color-border); border-radius:var(--radius-control); margin-block:var(--space-3); overflow-wrap:anywhere; scroll-margin-top:var(--space-8); }
.public-anchor-card a { display:inline-flex; align-items:center; min-height:var(--touch-target); }
@media (prefers-reduced-motion:reduce) { .spotlight,.spotlight * { scroll-behavior:auto; transition:none; animation:none; } }
