/* Volaré — gated sample reader */
.v-sample { max-width: 900px; margin: 0 auto; padding: 24px 16px 48px; }
.v-sample .df-container, .v-sample .dflip-book { margin: 0 auto; }
.v-sample__bar {
	display: flex; align-items: center; gap: 12px;
	margin-top: 16px; padding: 12px 14px;
	background: var(--v-sky, #eaf2fb); border-radius: 12px;
}
.v-sample__play {
	font: inherit; cursor: pointer; border: 0; border-radius: 10px;
	padding: 10px 16px; background: var(--v-navy, #232C6B); color: #fff;
}
.v-sample__play[aria-pressed="true"] { background: var(--v-teal, #1f6f6b); }
.v-sample__state { font-size: 14px; color: var(--v-muted, #5b6472); }
.v-sample__cta { margin-top: 24px; text-align: center; }
@media (max-width: 640px) {
	.v-sample { padding: 16px 12px 40px; }
	.v-sample__bar { flex-wrap: wrap; }
}