/* listing.css — стили для listing-страниц (/notes/, /projects/, /reports/, /backlog/).
   Подключается через base.html.twig при page_type=='listing'.
   Перекрывает sections.css чтобы не трогать её напрямую. */

/* Активный чип в TagFilter — зелёный акцент. */
.tag-filter__chip[aria-pressed="true"] {
    color: var(--accent);
    background: rgba(0, 255, 156, 0.08);
    border: 1px solid var(--accent);
    border-radius: 4px;
    padding: 0 6px;
}

/* Подсветка совпадающих элементов при активном фильтре. */
.article.is-match,
.project.is-match {
    border-color: var(--accent);
    background: rgba(0, 255, 156, 0.05);
    box-shadow: 0 0 0 1px var(--accent) inset;
}

.article.is-match::after {
    color: var(--accent);
}

/* Приглушение несовпадающих элементов — видимы, но деакцентированы. */
.article.is-dim,
.project.is-dim {
    opacity: 0.32;
    transition: opacity 0.15s ease;
}

.article.is-dim:hover,
.project.is-dim:hover {
    opacity: 0.7;
}