/* Focused illustration updates. The original page design stays in styles.css. */
.vf-speaker { display:flex; align-items:center; position:relative; }
.vf-speaker img { width:84px; height:84px; border-radius:50%; object-fit:cover; display:block; border:1px solid var(--ink-30); }
.speaker-waves { display:flex; align-items:center; height:22px; gap:3px; position:absolute; left:calc(100% + 3px); }
.speaker-waves i { width:2px; height:8px; border-radius:2px; background:var(--accent); }
.speaker-waves i:nth-child(2) { height:18px; }
.vf-speaking .speaker-waves i { animation:speaker-wave 700ms ease-in-out infinite alternate; }
.speaker-waves i:nth-child(2) { animation-delay:160ms; }
.speaker-waves i:nth-child(3) { animation-delay:280ms; }
@keyframes speaker-wave { to { transform:scaleY(.35); } }
.nindra-preview { display:flex; align-items:center; justify-content:center; }
.nindra-preview img { width:100%; height:100%; object-fit:contain; }
@media(max-width:900px) { .vf-speaker img { width:58px; height:58px; } }
@media(max-width:600px) { .vf-speaker img { width:48px; height:48px; } }
@media(prefers-reduced-motion:reduce) { .speaker-waves i { animation:none!important; } }