@layer components {
	.property-card {
		--property-card-accent: var(--primary);

		display: flex;
		flex-direction: column;
		gap: calc(var(--gutter) * 0.75);
		padding-block-start: calc(var(--stack) * 1.5);
		border-block-start: 2px solid var(--property-card-accent);
	}

	@scope (.property-card) {
		h3 {
			font-size: var(--font-size-xl);
		}

		p {
			font-size: var(--font-size-sm);
			color: var(--color-text-muted);
		}
	}
}