/* The finding page and its rows. Nearly everything here is said by utilities,
   .input, .rows and .row--led already — what remains is the two things only
   this family owns. */
@layer components {
  /* The one big input the screen leads with (HANSHI, form treatment C): the
     written line at display size. Everything else is .input's own. */
  .searches__query {
    font-size: var(--text-large);
  }

  /* The marked words, server-side (ts_headline) — the filter's straw, because
     cause and effect share one colour wherever a query paints its matches.
     `inherit` keeps the ink, including on a selected/mizu row. */
  .search-result mark {
    background-color: var(--color-highlight);
    color: inherit;
  }
}