.dt-pillar {
	display: flex;
	gap: var(--space-5);
}

.dt-pillar--vertical   { flex-direction: column; }
.dt-pillar--horizontal { flex-direction: row; align-items: flex-start; }

.dt-pillar--align-center { text-align: center; align-items: center; }
.dt-pillar--horizontal.dt-pillar--align-center { text-align: left; align-items: flex-start; }

.dt-pillar__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--space-12);
	height: var(--space-12);
	border-radius: var(--radius-md);
	background: var(--dt-primary-soft);
	color: var(--dt-primary);
	flex-shrink: 0;
}

.dt-pillar__copy {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	min-width: 0;
}

.dt-pillar__body {
	margin: 0;
	font-size: var(--fs-sm);
	line-height: var(--lh-relaxed);
	color: var(--dt-ink-soft);
}

/* Dark / accent contexts invert the icon chip subtly */
.dt-section--dark .dt-pillar__icon,
.dt-section--accent .dt-pillar__icon {
	background: rgba(255,255,255,0.10);
	color: var(--dt-on-dark);
}
.dt-section--dark .dt-pillar__body,
.dt-section--accent .dt-pillar__body { color: rgba(255,255,255,0.75); }