/* Site search: search box (right column / search page) and people results. */
.ni-search { position: relative; display: flex; align-items: center; }
.ni-search .ni-i { position: absolute; inset-inline-start: 0.875rem; width: 1.125rem; height: 1.125rem; color: var(--ni-color-muted); pointer-events: none; }
.ni-search input {
  width: 100%; height: 2.625rem; padding-block: 0; padding-inline: 2.625rem 1rem; border: 1px solid transparent; border-radius: 999px;
  background: var(--ni-color-input); color: var(--ni-color-text-primary); font: 400 0.875rem/1 var(--ni-font-sans);
}
.ni-search input::placeholder { color: var(--ni-color-muted); }
.ni-search input:focus { outline: none; background: var(--ni-color-surface); border-color: var(--ni-color-primary); box-shadow: var(--ni-ring); }
.ni-search-page { margin-bottom: 0.25rem; }
.ni-people { padding: 0.375rem 0; }
.ni-person { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.75rem 1.125rem; }
.ni-person + .ni-person { border-top: 1px solid var(--ni-color-divider); }
.ni-person:hover { background: var(--ni-color-hover); }
.ni-person .ni-who { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }
.ni-person .ni-name { font-size: 0.9375rem; }
.ni-person p { margin: 0.25rem 0 0; font-size: 0.875rem; color: var(--ni-color-text-secondary); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* Wide screens: the right column has the box, so the page repeats it only on narrower screens. */
@media (min-width: 75rem) { .ni-search-page { display: none; } }
@media (max-width: 47.99rem) {
  .ni-search-page { margin: 0.625rem 1rem 0; }
  .ni-people { border-radius: 0; box-shadow: none; }
}