/**
 * Flexible media section — shown on single case studies and blog posts.
 * Neutral styling so it sits well inside either template.
 *
 * @package VoiceLink_Classic_Theme
 */

.vl-flex-media{padding:2.5rem 1.5rem}
.vl-flex-media-wrap{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}
.vl-flex-media-block{text-align:center}
.vl-flex-media-heading{font-size:1.5rem;line-height:1.25;font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.01em}
.vl-flex-media-caption{font-size:1rem;line-height:1.7;color:#475569;margin:0 auto 1.25rem;max-width:620px}
.vl-flex-media-visual{border-radius:16px;overflow:hidden;border:1px solid #e8eef7;background:#f8faff}
.vl-flex-media-visual img{display:block;width:100%;height:auto}
.vl-flex-media-code{padding:1rem}
.vl-flex-media-code svg{display:block;width:100%;height:auto}

@media(max-width:768px){
	.vl-flex-media{padding:2rem 1.25rem}
	.vl-flex-media-wrap{gap:2rem}
	.vl-flex-media-heading{font-size:1.25rem}
	.vl-flex-media-caption{font-size:.95rem}
}