/* Personalized recommendation feed (#page-ai-suggestions). Cards reuse
   the real .lcard markup via listCard() — the same list-card style as
   the home page — so this file only styles the section wrapper and the
   "reason chip" that explains why each card was picked. The chip sits
   in normal flow above its card (not absolutely positioned over it) so
   it never covers the avatar or name. */
.reco-title{font-size:1.3rem;font-weight:700;margin:28px 0 14px;color:var(--text)}
.reco-grid{display:flex;flex-direction:column;gap:16px}
.reco-card-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.reco-reason{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--cta);color:#fff;
  font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;
  box-shadow:var(--shadow);
}
.reco-empty{color:var(--text-sub);padding:24px 4px;text-align:center}
.reco-sentinel{height:1px}