/* Card che "ci vanno vicino" (components/ai_search_match.html): nella Ricerca con l'AI e nella lista /immobili con pochi risultati.
   Ogni riga dice cosa c'e' (✓), cosa la scheda non dice (?) e cosa e' fuori di poco (≈). */

@layer pages { /* come le pagine che la usano: vince sulle regole generali della card */
  .ais-match { display: grid; gap: 4px; margin: 12px 0 0; padding: 0; list-style: none; font-size: .8125rem; }
  .ais-match li { display: flex; align-items: baseline; gap: 8px; }
  .ais-match em { font-style: normal; font-weight: 600; }
  .ais-match-mark { display: inline-grid; flex: none; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-size: .6875rem; font-weight: 700; line-height: 1; transform: translateY(3px); }
  .ais-match .is-ok { color: var(--ink-soft); }
  .ais-match .is-ok .ais-match-mark { background: var(--accent-soft); color: var(--accent); }
  .ais-match .is-unknown .ais-match-mark { background: var(--tint); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); }
  .ais-match .is-near .ais-match-mark { background: color-mix(in srgb, var(--heart) 12%, var(--ground)); color: var(--heart); }
  .ais-match-ask { display: inline-block; margin-top: 10px; font-size: var(--step-small); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
}