/* Live phase stays beside its diagram, including on small screens. */
#engMain{--phase-width:clamp(150px,13.5vw,195px);padding-left:calc(var(--phase-width) + 16px);padding-bottom:1rem}
#engMain .eng-foot{left:0;right:auto;bottom:auto;top:50%;transform:translateY(-40%);width:var(--phase-width);gap:.85rem;border-left:1px solid var(--line-2);padding-left:12px;box-sizing:border-box}
#engMain .eng-tools{display:flex;gap:.4rem;min-height:0}
#engMain .eng-tools .tk{flex-basis:100%;font-size:.7rem;line-height:1.5;letter-spacing:.04em;color:var(--lime);margin-bottom:.3rem}
#engMain .eng-tools .chip{font-size:.625rem;white-space:normal;overflow-wrap:anywhere;line-height:1.4;min-height:0;padding:.3rem .4rem;max-width:100%;box-sizing:border-box}
#engMain .eng-tag{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start}
#engMain .eng-tag .tag{white-space:normal;max-width:100%;font-size:.5rem;letter-spacing:.04em;line-height:1.6}
#engMain #engRead{display:none}
#engMain .phase-copy{display:block;max-width:100%;font:400 .8125rem/1.55 var(--f-d);color:var(--ink);overflow-wrap:anywhere}
.phase-progress{display:flex;gap:.4rem;font:500 .625rem/1.6 var(--f-m);color:var(--ink-3)}
.phase-progress span{border-bottom:2px solid var(--line-2);padding:0 .15rem .25rem}
.phase-progress .is-on{color:var(--lime);border-color:var(--lime)}
.phase-progress .is-done{color:var(--ink);border-color:var(--ink-3)}
/* Keep the existing single completion announcement without a second visual footer. */
#simOut{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
@media(max-width:899px){
 #engMain{--phase-width:142px;height:clamp(390px,60svh,480px);min-height:390px;padding:0 0 0 calc(var(--phase-width) + 8px)}
 #engMain .eng-foot{left:8px;top:50%;transform:translateY(-50%);padding-left:8px;width:calc(var(--phase-width) - 8px);gap:.6rem}
 #engMain .phase-copy{font-size:.75rem;line-height:1.5}
 #engMain .eng-tools .tk{font-size:.625rem}
 #engMain .eng-tag .tag{white-space:normal;max-width:100%;font-size:.4375rem}
 #engMain .eng-tools .chip{font-size:.5625rem;padding:.2rem .3rem}
 #sistema .step[id]{scroll-margin-top:calc(clamp(390px,60svh,480px) + var(--hh) + 1rem)}
}