.drive-step11-demo-banner {
	background: #fff4cc;
	border-bottom: 1px solid #e0c45f;
	color: #332800;
	font-size: 0.9rem;
	position: relative;
	z-index: 20;
}

.drive-step11-demo-banner > div {
	display: flex;
	gap: 0.75rem;
	margin: 0 auto;
	max-width: var(--drive-container, 1240px);
	padding: 0.7rem 1.25rem;
}

.drive-step11-demo-banner strong { white-space: nowrap; }

.drive-demo-comparisons {
	background: var(--drive-color-surface, #fff);
	border: 1px solid var(--drive-color-border, #d9e0e8);
	border-radius: var(--drive-radius-lg, 20px);
	margin: 0 0 2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.drive-demo-comparisons__grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.drive-demo-comparisons__grid article {
	background: var(--drive-color-surface-subtle, #f5f7fa);
	border-radius: var(--drive-radius-md, 14px);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1.25rem;
}

.drive-demo-comparisons__grid article span {
	color: var(--drive-color-muted, #5b6876);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.drive-demo-comparisons__grid article h3 { margin: 0; }
.drive-demo-comparisons__grid article a { margin-top: auto; }

@media (max-width: 760px) {
	.drive-step11-demo-banner > div { flex-direction: column; gap: 0.25rem; }
	.drive-step11-demo-banner strong { white-space: normal; }
	.drive-demo-comparisons__grid { grid-template-columns: 1fr; }
}

@media print {
	.drive-step11-demo-banner { border: 2px solid #000; }
}