/*
 * The card under a manual's chapters (rooster-docs/download, rooster-docs/quote; the brief of 31 Oct 2026, package 3):
 * the legacy site's dark card on the theme's tokens (the contrast colour, the card radius, the button element).
 * Imported by each block's style.src.css and compiled with it.
 */

.rooster-docs__card {
	@apply grid gap-s2 p-s4 mt-s5 bg-contrast text-bg rounded-card;
}

.rooster-docs__card-title {
	@apply m-0 text-sm;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.rooster-docs__card-text {
	@apply m-0 text-xs;
	opacity: 0.8;
	line-height: var(--wp--custom--rooster--leading--body);
}

.rooster-docs__card-cta {
	@apply text-sm;
	text-align: center;
	font-weight: 700;
	line-height: 1.25;
}

.rooster-docs__card-sub {
	display: block;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 500;
	opacity: 0.8;
	margin-top: 0.125rem;
}

.rooster-docs__card-badge {
	@apply m-0 text-xs;
	text-align: center;
	opacity: 0.7;
	letter-spacing: 0.03em;
}