/* T132: smart search on /scholarships. The hint under the search box and the one-line note
   above smart results. Tokens come from app.css (:root). */
/* The hint is a full line of its own: right under the search box where the row wraps (phones,
   tablets), under the whole row when the row fits on one line. */
.filters-row > .search-hint {
  flex: 1 0 100%; margin: -4px 0 0; padding-inline: 6px; color: var(--muted);
  font-size: var(--step--2); line-height: 1.45; text-wrap: pretty;
}
@media (min-width: 1000px) {
  .filters-row > .search-hint { order: 1; }
}

.ai-note {
  display: flex; align-items: flex-start; gap: 10px; max-width: 860px;
  margin: 0 0 14px; padding: 10px 14px; line-height: 1.6;
  background: var(--surface-2); border: 1px solid rgba(139, 111, 214, 0.22);
  border-radius: var(--radius); color: var(--text); font-size: var(--step--1);
}
.ai-note .ico { color: var(--violet-ink); flex: none; margin-top: 3px; }
.ai-note a { color: var(--violet-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ai-note a:hover { color: var(--violet-deep); }