/* Short illustrative task loops, using the existing examples and final wording. */
.ed-stable { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.ed-demo .scene-visual { position:relative; }
.ed-brand-mark { width:1.1rem; height:1.1rem; object-fit:contain; }
.ed-message-frame { position:relative; max-width:91%; opacity:0; transition:opacity .22s ease; }
.ed-message-frame.ed-you { justify-self:end; }
.ed-message-frame.is-shown { opacity:1; }
.ed-message-frame .message { max-width:100%; }
.ed-message-frame .ed-message-reserve { visibility:hidden; }
.ed-message-frame .ed-message-render { position:absolute; inset:0; }
.ed-phone-loop .phone-messages { align-content:start; }
.ed-phone-loop .voice-bars i { animation:none; transform-origin:center; }
.ed-phone-loop.ed-speaking .voice-bars i { animation:ed-voice .52s ease-in-out infinite alternate; animation-delay:calc(var(--ed-bar) * -93ms); }
@keyframes ed-voice { from { transform:scaleY(.4); } to { transform:scaleY(1.15); } }
.ed-demo.ed-hold .voice-bars i,.ed-demo.ed-inactive .voice-bars i { animation-play-state:paused; }
.ed-demo .ed-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; width:100%; padding:0; margin:1.25rem 0 0; list-style:none; font-size:.66rem; line-height:1.5; color:#7a7c7f; }
.ed-steps li { border-top:1px solid #e1e3e5; padding-top:.55rem; }
.ed-steps li.is-current { border-top-color:#5b6269; color:#363d43; }
.ed-steps span { display:block; font-size:.58rem; color:#898f94; margin-bottom:.15rem; font-variant-numeric:tabular-nums; }
.ed-phone-loop .ed-steps { max-width:19rem; }
.ed-phone-loop .scene-visual figcaption { margin-top:.85rem; }
.ed-email-loop .email-body { position:relative; }
.ed-reserve { visibility:hidden; }
.ed-typed-layer { position:absolute; inset:0; padding:inherit; }
.ed-email-loop .email-body p { transition:background .25s ease,box-shadow .25s ease; }
.ed-email-loop .prompt-strip { position:relative; }
.ed-email-loop .prompt-strip > span:first-child { flex:none; }
.ed-email-loop .prompt-strip .ed-brand-mark { filter:invert(1); }
.ed-email-loop .prompt-strip > p { position:relative; flex:1; }
.ed-email-loop .prompt-strip .ed-typed-layer { padding:0; }
.ed-send-prompt { display:grid; place-items:center; width:1.6rem; height:1.6rem; flex:none; border:1px solid #81868c; border-radius:.3rem; color:#fff; line-height:1; font-size:1.1rem; }
.ed-email-loop .email-review { opacity:.24; transition:opacity .25s ease; }
.ed-email-loop.ed-reviewing .email-review { opacity:1; }
.ed-email-loop.ed-reviewing .email-body .ed-typed-layer p:nth-child(2) { background:#f5f2e8; box-shadow:0 0 0 4px #f5f2e8; }
.ed-cursor { position:absolute; top:0; left:0; width:17px; height:21px; pointer-events:none; opacity:0; z-index:4; transition:transform .5s cubic-bezier(.25,.7,.25,1),opacity .2s; filter:drop-shadow(0 1px 1px #0002); }
.ed-cursor svg { width:17px; height:21px; overflow:visible; }
.ed-cursor.is-visible { opacity:1; }
.ed-cursor.is-clicking::after { content:''; position:absolute; left:-5px; top:-5px; width:17px; height:17px; border:1.5px solid #7c878d8c; border-radius:50%; animation:ed-click .4s ease-out both; }
@keyframes ed-click { to { transform:scale(1.8); opacity:0; } }
.ed-document-loop .summary-paper { position:relative; }
.ed-document-loop .summary-paper ul { position:relative; }
.ed-document-loop .summary-paper .ed-typed-layer { padding:0; }
.ed-document-loop .summary-paper > ul > .ed-typed-layer { margin:0; }
.ed-document-loop .source-check { opacity:.3; transition:opacity .3s ease; }
.ed-document-loop.ed-checking .source-check { opacity:1; }
.ed-document-loop .paper-lines i.highlight { background:#e2e5e7; transition:background .4s ease; }
.ed-document-loop.ed-reading .paper-lines i.highlight,.ed-document-loop.ed-checking .paper-lines i.highlight { background:#cad9e2; }
.ed-document-loop.ed-checking .paper-excerpt { color:#303b45; background:#edf2f5; box-shadow:0 0 0 5px #edf2f5; }
.ed-document-loop .ed-steps { grid-column:1/-1; margin-top:2.7rem; }
.ed-document-loop .document-visual figcaption { margin-top:.6rem; }
@media(max-width:700px) {
  .ed-demo .ed-steps { gap:.5rem; font-size:.65rem; }
  .ed-email-loop .prompt-strip { padding:.8rem; gap:.55rem; }
}
@media(max-width:390px) {
  .ed-document-loop .ed-steps { margin-top:.5rem; }
  .ed-demo .ed-steps { font-size:.62rem; }
  .ed-email-loop .prompt-strip { font-size:.76rem; }
}
@media(prefers-reduced-motion:reduce) {
  .ed-message-frame,.ed-demo .email-review,.ed-demo .source-check,.ed-demo .paper-lines i.highlight,.ed-demo .email-body p { transition:none; }
  .ed-phone-loop.ed-speaking .voice-bars i { animation:none; }
  .ed-cursor { display:none; }
}