/**
 * css/pages/archive-application.css
 * ============================================================
 * A LEGEND 2：APPLICATION Archive
 * ============================================================
 *
 * 役割：
 * - APPLICATION一覧ページ固有のアクセントだけを調整します。
 * - カード骨格は css/components/post-card-layouts.css の APPLICATION型へ委譲します。
 */

.aleg2-archive--application .aleg2-post-card {
	border-top: 1px solid color-mix(in srgb, var(--aleg2-color-primary) 42%, transparent);
}

@supports not (color: color-mix(in srgb, #fff 50%, #000)) {
	.aleg2-archive--application .aleg2-post-card {
		border-top-color: var(--aleg2-color-primary);
	}
}

.aleg2-archive--application .aleg2-post-card:hover {
	border-color: color-mix(in srgb, var(--aleg2-color-primary) 58%, var(--aleg2-color-border));
}

@supports not (color: color-mix(in srgb, #fff 50%, #000)) {
	.aleg2-archive--application .aleg2-post-card:hover {
		border-color: var(--aleg2-color-primary);
	}
}

.aleg2-archive--application .aleg2-post-card__type {
	color: var(--aleg2-color-primary);
}