/* Weekly interlinking (inc/weekly.php): product cards + "From the blog". */

body .wkac {
	--wkac-bg: var(--bg-0);
	--wkac-fg: var(--fg-2);
	--wkac-muted: var(--fg-4);
	--wkac-line: var(--stroke-3);
	--wkac-accent: var(--droix-green);
	--wkac-accent-fg: var(--bg-dark);
	--wkac-plate: #fff;
	--wkac-radius: var(--r-lg);
	--wkac-in: var(--droix-green-dark);
	--wkac-pre: #b45309;
}
.wkac .wkac-plate { border: 1px solid var(--stroke-1); }
.drx-weekly-side .wkac { border-color: var(--stroke-1); padding: 18px 20px; }
.drx-weekly-side .wkac-kicker {
	font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--fg-5);
}
.drx-weekly-hero .wkac { border-radius: 24px; border: 0; box-shadow: 0 8px 24px rgba(17, 24, 39, .08); padding: 20px 22px; }

.drx-wl__row { display: flex; gap: 12px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--stroke-1); }
.drx-wl .drx-toc__label + .drx-wl__row { border-top: 0; padding-top: 2px; }
.drx-wl__row img { width: 64px; height: 44px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; background: var(--bg-3); }
.drx-wl__row b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--fg-2); }
.drx-wl__row span span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--fg-5); }
.drx-wl__row:hover b { color: var(--droix-green-deep); }