/* Vera tells "Drie redenen", 29 Sep 2026 */
.vr{position:relative;max-width:640px;margin:0 auto 3rem;background:#f4efe7;border-radius:24px;padding:18px 18px 16px;box-shadow:0 12px 32px rgba(20,20,19,.14);font-family:'Poppins',system-ui,sans-serif;color:#141413;text-align:left;overflow:hidden}
.vr *{box-sizing:border-box}
.vr-top{display:flex;align-items:center;gap:12px}
.vr-face{width:52px;height:52px;border-radius:50%;background:#faf9f5;border:2px solid #d97757;display:grid;place-items:center;flex:none;box-shadow:0 0 0 6px rgba(217,119,87,.14)}
.vr-who{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.vr-who b{font:600 16px/1.2 'Poppins',sans-serif}
.vr-who small{font:400 12px/1.3 'Poppins',sans-serif;color:#5f5c56}
.vr-wave{display:flex;gap:3px;align-items:center;height:20px;opacity:.25;transition:opacity .3s}
.vr-wave i{display:block;width:3px;height:8px;border-radius:2px;background:#d97757}
.vr.is-speaking .vr-wave{opacity:1}
.vr.is-speaking .vr-wave i{animation:vrwave .9s ease-in-out infinite}
.vr.is-speaking .vr-wave i:nth-child(2){animation-delay:.1s}.vr.is-speaking .vr-wave i:nth-child(3){animation-delay:.2s}.vr.is-speaking .vr-wave i:nth-child(4){animation-delay:.3s}.vr.is-speaking .vr-wave i:nth-child(5){animation-delay:.15s}
@keyframes vrwave{0%,100%{height:6px}50%{height:18px}}
.vr-visual{min-height:170px;display:flex;align-items:center;justify-content:center;padding:18px 4px}
.vr-visual.in{animation:vrin .45s ease both}
@keyframes vrin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vr-card{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px rgba(20,20,19,.06);display:flex;flex-direction:column;gap:6px;width:100%}
.vr-card em{font:700 34px/1 'Poppins',sans-serif;font-style:normal;color:#d97757}
.vr-card b{font:600 20px/1.3 'Poppins',sans-serif}
.vr-card span{font:400 15.5px/1.5 'Lora',Georgia,serif;color:#5f5c56}
.vr-end{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.vr-end b{font:700 26px/1.2 'Poppins',sans-serif}
.vr-end span{font:italic 400 19px/1.4 'Lora',Georgia,serif;color:#c15e40}
.vr-talk{margin-top:8px;display:inline-block;background:#d97757;color:#141413;border-radius:999px;padding:12px 22px;font:600 15px/1 'Poppins',sans-serif;text-decoration:none;box-shadow:0 10px 30px rgba(193,94,64,.3)}
.vr-talk:hover{background:#c15e40;color:#faf9f5}
.vr-caption{background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px rgba(20,20,19,.08);display:flex;flex-direction:column;gap:6px;min-height:84px}
.vr-caprow{display:flex;justify-content:space-between;align-items:center;gap:10px}
.vr-says{font:600 11px/1 'Poppins',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c15e40}
.vr-skip{background:none;border:1px solid #e8e6dc;border-radius:999px;padding:6px 12px;min-height:32px;font:500 12.5px/1 'Poppins',sans-serif;color:#5f5c56;cursor:pointer}
.vr-skip[hidden]{display:none}
.vr-line{margin:0;font:400 16.5px/1.55 'Lora',Georgia,serif;color:#141413}
.vr-dots{display:flex;gap:5px}
.vr-dots i{width:8px;height:4px;border-radius:2px;background:#e8e6dc}
.vr-dots i.on{background:#d97757;width:14px}
.vr-cover{position:absolute;inset:0;display:grid;place-items:center;background:rgba(244,239,231,.72);backdrop-filter:blur(2px)}
.vr-cover[hidden]{display:none}
.vr-start{display:flex;align-items:center;gap:14px;background:#141413;color:#faf9f5;border:0;border-radius:999px;padding:10px 26px 10px 10px;cursor:pointer;text-align:left;box-shadow:0 12px 30px rgba(20,20,19,.25)}
.vr-start b{display:block;font:600 16px/1.2 'Poppins',sans-serif}
.vr-start small{display:block;font:400 12.5px/1.3 'Poppins',sans-serif;color:#b0aea5}
.vr-start small:empty{display:none}
.vr-play{width:48px;height:48px;border-radius:50%;background:#d97757;position:relative;flex:none}
.vr-play::after{content:"";position:absolute;left:52%;top:50%;transform:translate(-40%,-50%);border-left:14px solid #141413;border-top:9px solid transparent;border-bottom:9px solid transparent}
.vr.is-running .vr-cover{display:none}
@media (max-width:560px){.vr{padding:14px 12px 12px;border-radius:20px}.vr-card b{font-size:18px}.vr-end b{font-size:22px}.vr-visual{min-height:190px}}
@media (prefers-reduced-motion:reduce){.vr-visual.in{animation:none}.vr.is-speaking .vr-wave i{animation:none;height:14px}}
button.vr-talk{border:0;cursor:pointer}
.vera-inline{border-radius:24px;margin:0 auto 3rem;max-width:1100px;text-align:left}
.vera-inline[hidden]{display:none}
.vera-inline .vx-intro{display:none}
.quiz-section.vera-inline{padding:1.5rem 1.25rem 2rem}
@media (max-width:700px){.quiz-section.vera-inline{margin-left:-1rem;margin-right:-1rem;padding:1rem .5rem 1.5rem;border-radius:0}}