:root {
	--blic-ink: #21171e;
	--blic-muted: #6e626a;
	--blic-plum: #6d214f;
	--blic-plum-soft: #f5eaf1;
	--blic-line: #e6dce2;
	--blic-surface: #fff;
	--blic-shadow: 0 14px 34px rgba(40, 21, 34, 0.08);
}

.blic-feed {
	color: var(--blic-ink);
}

.blic-feed__header {
	max-width: 720px;
	margin-bottom: 1.75rem;
}

.blic-feed__header h2 {
	margin: 0 0 0.45rem;
	font-size: clamp(1.8rem, 4vw, 3rem);
	line-height: 1.05;
}

.blic-feed__header p {
	margin: 0;
	color: var(--blic-muted);
}

.blic-feed__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 1.25rem;
}

.blic-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: clamp(1.25rem, 3vw, 1.8rem);
	border: 1px solid var(--blic-line);
	border-radius: 18px;
	background: var(--blic-surface);
	box-shadow: var(--blic-shadow);
}

.blic-card--relationship-sponsored,
.blic-card--relationship-partner_benefit {
	border-top: 4px solid var(--blic-plum);
}

.blic-card__eyebrow {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-bottom: 1rem;
}

.blic-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.3rem 0.65rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1;
	text-transform: uppercase;
}

.blic-badge--relationship {
	background: var(--blic-plum-soft);
	color: var(--blic-plum);
}

.blic-badge--fresh {
	background: #e3f4e8;
	color: #19612e;
}

.blic-badge--unverified {
	background: #fff1c9;
	color: #735000;
}

.blic-badge--stale {
	background: #fbe5e5;
	color: #8c2222;
}

.blic-card__title {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.2;
}

.blic-card__title a {
	color: inherit;
	text-decoration: none;
}

.blic-card__title a:hover,
.blic-card__title a:focus-visible {
	color: var(--blic-plum);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.blic-card__context {
	margin: 0.55rem 0 0;
	color: var(--blic-muted);
	font-size: 0.86rem;
}

.blic-card__summary,
.blic-card__fit,
.blic-card__disclosure {
	margin: 1rem 0 0;
}

.blic-card__fit {
	padding: 0.8rem 0.9rem;
	border-left: 3px solid var(--blic-plum);
	background: var(--blic-plum-soft);
}

.blic-card__disclosure {
	color: var(--blic-muted);
	font-size: 0.84rem;
}

.blic-card__link {
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	align-self: flex-start;
	margin-top: auto;
	padding-top: 1.25rem;
	color: var(--blic-plum);
	font-weight: 700;
	text-decoration: none;
}

.blic-card__link:hover,
.blic-card__link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.blic-feed__empty {
	padding: 1.25rem;
	border: 1px dashed var(--blic-line);
	border-radius: 12px;
	color: var(--blic-muted);
}

@media (prefers-reduced-motion: no-preference) {
	.blic-card,
	.blic-card__link {
		transition: transform 160ms ease, box-shadow 160ms ease, color 160ms ease;
	}

	.blic-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 18px 42px rgba(40, 21, 34, 0.12);
	}
}

