/*
 * Parts panel (Knowledge article: tag, reader, software).
 *
 * Grey on white, compact padding (32), three across with the tight 16 gap.
 * A 32px icon in the slot, no hairline, h3 at 20 (D6), body 16.
 */

@layer vdt.components {
	.vdt-card--parts {
		padding: var(--vdt-pad-compact);
		background: var(--vdt-surface-alt);
	}

	.vdt-card--parts .vdt-card__slot {
		justify-content: flex-start;
		min-height: 0;
		padding-bottom: 0;
		margin-bottom: var(--vdt-space-24);
		border-bottom: 0;
	}

	.vdt-card--parts .vdt-card__slot .vdt-icon {
		width: var(--vdt-icon-lg);
		height: var(--vdt-icon-lg);
	}

	.vdt-card--parts .vdt-card__heading {
		font-size: var(--vdt-size-h3-sm);
		font-stretch: var(--vdt-width-sub);
		line-height: var(--vdt-leading-h3-sm);
	}

	.vdt-card--parts .vdt-card__body {
		margin-top: var(--vdt-space-12);
	}
}