.steps-with-model{margin-top:32px}
[data-evo=true] .steps-with-model [role=tablist]{margin-top:0!important;grid-template-columns:repeat(4,minmax(max-content,1fr))!important;gap:12px!important;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--memory-edge) transparent}
[data-evo=true] .steps-with-model [role=tab]{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px!important;min-width:0}
[data-evo=true] .steps-with-model [role=tab] span{white-space:nowrap}
[data-evo=true] .steps-with-model [role=tab] span:first-child{margin-bottom:0}
[data-evo=true] .steps-with-model [role=tab]:focus-visible{outline:1px solid var(--memory-accent);outline-offset:-1px;box-shadow:none}
.state-memory-heading{white-space:nowrap}
.narrative-copy>[aria-hidden=true]{visibility:hidden}
.model-primary{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;min-width:195px;padding:0 21px;background:var(--memory-accent);border:1px solid var(--memory-accent);border-radius:6px;color:var(--memory-bg);font:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;transition:background .2s}
.model-primary:hover{background:var(--memory-accent-bright)}.model-primary[aria-disabled=true]{cursor:default;background:var(--memory-accent)}.primary-arrow{font-size:20px}
.explanation-toolbar{display:flex;justify-content:flex-end;margin-bottom:24px}
.explanation-toggle{display:inline-flex;align-items:center;gap:9px;appearance:none;min-height:48px;padding:3px 15px 3px 6px;border:1px solid var(--memory-edge);border-radius:25px;background:var(--memory-accent-soft);color:#d5dce6;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.explanation-toggle:hover{background:var(--memory-accent-soft);border-color:var(--memory-accent)}.explanation-toggle svg{width:40px;height:40px;overflow:visible}.explanation-toggle-arrow{font-size:17px;margin-left:5px}
.explanation-toggle:focus-visible,.model-primary:focus-visible{outline:2px solid var(--memory-accent);outline-offset:4px;box-shadow:none}
.detailed-explanation{display:flex;flex-direction:column;gap:14px}
.simple-explanation{display:none;min-width:0}
[data-easy=true] .detailed-explanation{display:none}
[data-easy=true] .simple-explanation{display:block;animation:easy-fade .35s ease both}
.easy-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;line-height:18px;color:#a5acb9}
.easy-kicker{letter-spacing:.045em}.easy-kicker span:last-child{font-variant-numeric:tabular-nums}
.easy-scene{height:300px;position:relative;margin-top:10px}
.easy-code{position:absolute;left:50%;top:65px;transform:translateX(-50%);width:min(320px,95%);border:1px solid var(--memory-edge);border-radius:10px;background:var(--memory-surface);z-index:2;box-shadow:0 15px 40px #0002;transition:transform 550ms cubic-bezier(.22,1,.36,1),opacity 180ms ease-out}
.easy-code-title{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #ffffff12;font-size:11px;line-height:15px;color:#a0acbc}
.easy-code pre{margin:0;padding:17px 14px;color:#e0e5ed;font-size:11px;line-height:21px;white-space:pre;font-family:Consolas,monospace}.code-keyword{color:var(--memory-accent)}
.easy-research{position:absolute;left:50%;bottom:57px;transform:translateX(-50%);color:#a4adbc;font-size:11px;white-space:nowrap;transition:opacity .4s}
.easy-character{position:absolute;left:50%;top:55px;width:200px;transform:translateX(-50%) scale(.85);opacity:0;text-align:center;transition:opacity 180ms ease-out,transform 550ms cubic-bezier(.22,1,.36,1);z-index:1}
.easy-character svg{display:block;width:100%;height:auto;overflow:visible}.easy-character>span{display:block;margin-top:-4px;color:#dce3ec;font-size:12px}
.easy-tool{position:absolute;top:145px;display:flex;flex-direction:column;gap:5px;opacity:0;color:#dce3ec;font-size:12px;line-height:18px;transition:opacity 180ms ease-out,transform 240ms ease-out}
.easy-tool small{color:#a0acbc;font-size:10px}.easy-data{left:5%;transform:translateX(12px)}.easy-run{right:3%;transform:translateX(-12px)}
.easy-state{appearance:none;border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer;visibility:hidden;position:absolute;width:110px;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:0;transform:translateY(6px) scale(.92);transition:opacity 240ms ease-out,transform 420ms cubic-bezier(.22,1,.36,1);font-size:11px;line-height:15px;color:#c4cedc;z-index:2}
.easy-state b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--memory-line);border-radius:50%;background:var(--memory-node);color:#e0e6ee;font-size:11px;font-weight:500}
.easy-state[aria-pressed=true] b{background:var(--memory-accent);border-color:var(--memory-accent);color:var(--memory-bg)}
.easy-state:hover b{border-color:#f0f4fa}.easy-state:focus-visible{outline:2px solid var(--memory-accent);outline-offset:4px;box-shadow:none;border-radius:5px}
.easy-state-1{right:3%;bottom:13px}.easy-state-2{left:3%;bottom:13px}.easy-state-3{left:3%;top:15px}.easy-state-4{right:3%;top:15px}
.easy-state-lines{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s}
.easy-retained{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap;opacity:0;transition:opacity .5s}
.easy-retained span{padding:5px 8px;border:1px solid var(--memory-edge);border-radius:4px;color:#c1ccdb;background:var(--memory-node);font-size:10px;line-height:15px}
.easy-scenario-note{min-height:34px;margin-top:38px;color:#b7c1cf;font-size:11px;line-height:18px;text-align:center}
.mini-hands,.mini-book,.mini-network{transform-box:fill-box;transform-origin:center;transition:opacity 200ms ease-out,transform 420ms cubic-bezier(.22,1,.36,1)}
.mini-hands{opacity:var(--hands-visible,0);transform:scale(var(--hands-scale,.1))}.mini-book{opacity:var(--book-visible,0)}.mini-network{opacity:var(--network-visible,0)}
[data-buddy-phase="1"],[data-buddy-phase="2"],[data-buddy-phase="examples"],[data-buddy-phase="3"]{--hands-visible:1;--hands-scale:1}
[data-buddy-phase="examples"],[data-buddy-phase="3"]{--book-visible:1}[data-buddy-phase="3"]{--network-visible:1}.easy-character{--network-visible:0}
.toggle-character{transform-origin:50px 79px}
.buddy-jump{transform-origin:50px 79px}
[data-easy-step="1"] .easy-code{transform:translate(-50%,-70px) scale(.64)}
[data-easy-step="1"] .easy-character{opacity:1;transform:translateX(-50%) scale(1)}
[data-easy-step="1"] .easy-tool{opacity:1;transform:none;transition-delay:240ms}
[data-easy-step="1"] .easy-research{opacity:0}
[data-easy-step="2"] .easy-code,[data-easy-step="3"] .easy-code{opacity:0;transform:translate(-50%,-10px) scale(.4)}
[data-easy-step="2"] .easy-research,[data-easy-step="3"] .easy-research{opacity:0}
[data-easy-step="2"] .easy-character,[data-easy-step="3"] .easy-character{opacity:1;transform:translate(-50%,-10px) scale(.9)}
[data-easy-step="2"] .easy-state,[data-easy-step="3"] .easy-state{visibility:visible;opacity:1;transform:scale(1)}
[data-easy-step="2"] .easy-state-2{transition-delay:100ms}[data-easy-step="2"] .easy-state-3{transition-delay:200ms}[data-easy-step="2"] .easy-state-4{transition-delay:300ms}
[data-easy-step="3"] .easy-state-lines,[data-easy-step="3"] .easy-retained{opacity:1}
@keyframes easy-fade{from{opacity:0}to{opacity:1}}
[data-reduced=true] .simple-explanation *,[data-reduced=true] .toggle-character{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.simple-explanation *,.toggle-character{animation:none!important;transition:none!important}}
@media(max-width:600px){
 [data-evo=true] .steps-with-model [role=tablist]{margin-top:0!important}.steps-with-model{margin-top:30px}
 .explanation-toolbar{margin-bottom:12px}.explanation-toggle{font-size:11px;min-height:46px}
 .easy-scene{height:285px}.easy-character{width:170px;top:60px}.easy-tool{font-size:11px;top:162px}.easy-data{left:0}.easy-run{right:0}.easy-tool small{font-size:9px}
 .easy-state{width:90px;font-size:10px}.easy-state-1,.easy-state-4{right:0}.easy-state-2,.easy-state-3{left:0}
 .easy-retained{gap:4px}.easy-retained span{font-size:9px;padding:4px 5px}
 .easy-kicker{font-size:10px;letter-spacing:0}.easy-code pre{font-size:10px;padding:14px 10px}.easy-code{width:292px;max-width:100%}
}