/* ============================================================================
   COMPONENT: article-list-card (A1b) — SKIN tier — from site-artsdot-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 a img,
.article-list-card .article-list-card__media > img {
	-webkit-filter: none;
	filter: none;
	transition: filter 0.3s ease-out, transform 1s ease-out;
}

.article-list-card .article-list-card__media a:hover img,
.article-list-card .article-list-card__media:hover > img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transform: scale(1.02);
}

.article-list-card__fav-group {
    border: 1px solid #A0A0A0;
}

.article-list-card__fav-group .unfav_icon,
.article-list-card__fav-group .fav_icon {
	filter: grayscale(100%);
}

.article-list-card {
	border-bottom: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
}

.article-list-card__hover p {
	color: #6B6B6B;
}

.article-list-card__meta h2 a {
	color: #6B6B6B;
}

.article-list-card__meta span,
.article-list-card__meta span a,
.article-list-card__title,
.article-list-card__title a,
.article-list-card__cta,
.article-list-card__fav-group,
.article-list-card__footer a {
	color: var(--site-link, #4A4A4A);
}

.article-list-card__fav-group.active {
	background: #D8D8D8;
}

.custom_search .article-list-card {
	border: 0;
	border-bottom: 1px solid #D0D0D0;
}

.custom_search .article-list-card .article-list-card__body,
.custom_search .article-list-card .article-list-card__meta h2,
.custom_search .article-list-card .article-list-card__meta h2 a,
.custom_search .article-list-card .article-list-card__meta span,
.custom_search .article-list-card__title,
.custom_search .article-list-card .article-list-card__hover p,
.custom_search .article-list-card .article-list-card__title a,
.custom_search .article-list-card__cta-group {
	color: var(--site-link, #4A4A4A);
}

.custom_search .article-list-card .article-list-card__cta,
.custom_search .article-list-card .article-list-card__cta.added,
.article-list-card__cta {
	background: var(--adc-ink, #111110);
	color: #ffffff;
	font-family: var(--adc-body, var(--font-body));
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.04em;
	text-transform: none;
	border-radius: 999px;
	padding: 10px 20px;
	width: auto;
	min-width: 0;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.custom_search .article-list-card__cta-group a.article-list-card__cta {
	color: #ffffff;
}

.custom_search .article-list-card .article-list-card__cta:hover,
.custom_search .article-list-card__cta-group a.article-list-card__cta:hover,
.article-list-card__cta:hover {
	background:#2c2a27;
	color:#ffffff;
}

.article-list-card__hover {
	background: #dbdbdb;
}

.article-list-card__hover p a {
	color: #000000;
}

.article-list-card:hover {
	background:#dbdbdb;
}

.article-list-card__hover p {
	color: var(--site-link, #4A4A4A);
}


/* de-escalation pin 2026-07-07: the legacy grey hover panel used to win on the
   top100 articles page via a broad `!important`; scoped here at (0,5,0) so it
   still beats page-top100.css structure (0,4,0) WITHOUT re-asserting the broad
   rule (which must keep losing to page-catalog-list's band bg on list pages). */
.top100-listing .article-list-card.top100-listing__card .article-list-card__hover.article-list-card__hover {
  background: #dbdbdb;
}