/* Busca como no Skool (templates/feed/search.html): termos marcados, abas com contagem, comentários dentro do card
   e lista de aulas. Carregado no feed também: a busca chega por htmx sem recarregar a página. */
.post-card mark, .search-comment mark, .lesson-result mark { background: var(--yellow-highlight); color: inherit; padding: 0 1px; border-radius: 2px; }
.tabs .tab-total { margin-left: 6px; }

.search-comments { display: grid; gap: 8px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }
.search-comment { display: flex; align-items: flex-start; gap: 8px; }
.search-comment .bubble { flex: 1; min-width: 0; }

.lesson-results { padding: 0 16px; }
.lesson-result { padding: 16px 0; }
.lesson-result + .lesson-result { border-top: 1px solid var(--border); }
.lesson-result__row { display: flex; align-items: center; gap: 16px; color: var(--ink); }
.lesson-result .search-comments { margin-top: 12px; padding-top: 12px; }
.lesson-result__text { flex: 1; min-width: 0; }
.lesson-result__meta { font: 400 13px/18px var(--font); color: var(--gray-text); }
.lesson-result__title { margin-top: 4px; font: 700 18px/26px var(--font); }
.lesson-result__excerpt, .lesson-result__note { margin: 6px 0 0; font: 400 15px/22px var(--font); color: var(--ink); }
.lesson-result__note { display: inline-flex; align-items: center; gap: 4px; font-style: italic; color: var(--gray-text); }
.lesson-result__row:hover .lesson-result__title { text-decoration: underline; }