/* ============================================================================
   COMPONENT: article-list-card (A1b) — SKIN tier — from site-wikioo-V2.0.css
   Migrated 2026-07-05. article list/tile/top100 cards. Includes article-map
   TRANSLATED copies of the shared legacy card base (A1z deletes the originals).
   PHASE-A FIDELITY: verbatim values. Harness-diff before editing.
   ============================================================================ */
.article-list-card .article-list-card__media {
    background: #333;
}

.article-list-card .article-list-card__media a img,
.article-list-card .article-list-card__media > img {
    transition: filter 0.6s ease, transform 0.6s ease, opacity 0.6s ease;
}

.article-list-card .article-list-card__media a:hover img,
.article-list-card .article-list-card__media:hover > img {
    filter: contrast(1.5) saturate(0.05) brightness(1.05);
    transform: scale(0.95);
    opacity: 0.8;
}

.widget-small-translated-field .article-list-card__media .bg-dark {
    font-family: var(--font-title-accent);
}

.homepage-site-widgets .widget-small-translated-field .article-list-card__media .bg-dark {
    font-family: var(--font-title-accent);
}

.homepage-site-widgets .widget-small-translated-field .article-list-card { padding: 0; }

.homepage-site-widgets .widget-small-translated-field .article-list-card__media {
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
}

.color-search-page .filter-actions .article-list-card__cta,
.color-search-page .filter-actions .article-list-card__cta.added {
  background: transparent;
  color: var(--ink, #1c1c1c);
  border: 1px solid var(--ink, #1c1c1c);
  border-radius: 0;
  font-family: var(--font-body, "Helvetica Neue", Arial, sans-serif);
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  box-shadow: none;
  transition: background-color 0.12s ease, color 0.12s ease;
}

.color-search-page .filter-actions .article-list-card__cta:hover,
.color-search-page .filter-actions .article-list-card__cta.added:hover {
  background: var(--ink, #1c1c1c);
  color: var(--page, #ffffff);
}