.crew-dialogue{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);align-items:center;gap:20px;margin:24px 0;text-align:left;max-width:100%}
.crew-expression{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 8px 24px #051d3330}
.crew-lines{display:grid;gap:12px;min-width:0}
.crew-bubble{position:relative;margin:0!important;padding:15px 20px;border:2px solid #91bde4;border-radius:20px;background:#f2f9ff;color:#153b5a!important;font-size:clamp(1rem,1.25vw,1.15rem)!important;line-height:1.5!important}
.crew-bubble:before{content:'';position:absolute;left:-9px;top:20px;width:14px;height:14px;transform:rotate(45deg);background:inherit;border-left:2px solid #91bde4;border-bottom:2px solid #91bde4}
.crew-bubble strong{display:block;margin-bottom:4px;color:#195480;font-size:.88rem}
.crew-etapilu{background:#f0f8e4;border-color:#a2c771;color:#234427!important}
.crew-etapilu:before{border-color:#a2c771}
.crew-etapilu strong{color:#39641d}
.crew-invite{display:block;margin-top:7px;font-weight:700}
.crew-audio{margin-top:10px}.crew-audio label{display:block;font-size:.9rem;margin-bottom:5px}.crew-audio .listen-bubble{min-height:48px;padding:8px 15px;font-size:1rem}.crew-audio .listen-bubble svg{width:25px;height:25px}.crew-audio .listen-status:empty{display:none}.crew-audio audio{max-width:100%}
.lesson-copy .crew-dialogue{grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:16px}
@media(max-width:650px){.crew-dialogue,.lesson-copy .crew-dialogue{grid-template-columns:1fr;gap:14px}.crew-expression{width:180px;justify-self:center}.crew-bubble:before{display:none}.crew-bubble{padding:12px 15px}.crew-dialogue{margin:18px 0}}
