@layer components {
	.topic-card {
		--flow-space: var(--stack);
		padding-block: calc(var(--stack) * 2);
		padding-inline-end: calc(var(--gutter) * 2);
		padding-inline-start: 0;
		border-block-start: 2px solid var(--color-text);
		text-decoration: none;
		color: inherit;
	}

	@scope (.topic-card) {
		p {
			font-size: var(--font-size-sm);
			color: var(--color-text-muted);
		}
	}
}