.harness-memory-study{margin:38px 0 0;padding:28px 0 8px;border-top:1px solid #c7dedb}
.harness-memory-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.harness-memory-heading h3{font:500 34px/1.2 'Grenze Gotisch',Georgia,serif;color:#348076;margin:0 0 6px}.harness-memory-heading p{font:400 23px/1.2 'Caveat',cursive;color:#62918b;margin:0}
.memory-example-tabs{display:flex;gap:6px;padding:4px;border:1px solid #bfd9d6;border-radius:24px}.memory-example-tabs button{border:0;background:transparent;border-radius:20px;padding:10px 15px;font:12px/1.2 var(--sans);color:#718986}.memory-example-tabs button[aria-selected=true]{background:#c9eae6;color:#347970}.memory-example-tabs button:focus-visible,#memory-mechanism-play:focus-visible,.memory-code-card pre:focus-visible{outline:2px solid #4dbaac;outline-offset:3px}
.harness-memory-flow{display:grid;grid-template-columns:1fr 1.4fr .85fr;gap:35px;align-items:start}.harness-memory-flow>div{min-width:0;position:relative}.harness-memory-flow h4{display:flex;justify-content:space-between;align-items:center;gap:8px;font:400 20px/1.4 'Caveat',cursive;color:#52726e;margin:0 0 10px}.harness-memory-flow h4 span{font:10px/1.3 var(--sans);color:#59a298;background:#def0ee;padding:3px 6px;border-radius:3px}
.memory-recording-frame{position:relative;aspect-ratio:4/3;background:#202d2b;border-radius:5px;overflow:hidden}.memory-recording-frame video{display:block;width:100%;height:100%;object-fit:contain}#memory-mechanism-play{position:absolute;right:10px;bottom:10px;width:31px;height:31px;border:1px solid #ffffff65;border-radius:50%;background:#202d2bd9;color:#f3fcfb;font-size:12px}
.memory-link-label{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:relative;right:-24px;font:400 18px/1.3 'Caveat',cursive;color:#70ada5;margin-top:11px}.memory-link-label b{font:400 23px var(--sans)}
.memory-code-card{padding:21px 19px 16px;background:#202c2a;border:1px solid #406964;border-radius:5px;min-height:240px;display:flex;flex-direction:column}.memory-routine-name{color:#b4ebe4;font:400 22px/1.2 'Caveat',cursive;margin-bottom:19px}.memory-code-card pre{padding-bottom:8px;margin:0;overflow-x:auto;scrollbar-width:thin;color:#e2f5f2;font:11px/1.85 var(--mono);flex:1}.memory-code-card code{font:inherit;background:transparent;color:inherit}.memory-code-card .code-keyword{color:#a7e8df}.memory-code-card .code-number{color:#b9ede6}
.memory-state-diagram{display:block;width:100%;height:auto;background:#e2f1ef;border:1px dashed #9ac6c0;border-radius:5px}.memory-state-diagram text{font:20px 'Caveat',cursive;fill:#46746e}.memory-state-diagram .state-variable{font-size:22px;fill:#3e978b}.memory-state-diagram .state-origin{font:10px var(--sans);fill:#759591}.memory-state-diagram .state-edge{font-size:16px;fill:#78ada6}.memory-state-diagram .state-reset{font:11px var(--sans);fill:#739a95}.state-cache-box{fill:#fcfefe;stroke:#8fbdb7;stroke-width:1.2}.memory-state-wire{fill:none;stroke:#53a298;stroke-width:1.3;marker-end:url(#memory-flow-tip);stroke-dasharray:4 5;animation:memory-data-flow 2.5s linear infinite}.pose-memory-glyph,.garment-memory-glyph{fill:none;stroke:#62837f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pose-memory-ghost{stroke:#7ab4ac;stroke-dasharray:3 4}.memory-state-diagram [hidden]{display:none}.harness-memory-study.is-paused *{animation-play-state:paused!important}
@keyframes memory-data-flow{to{stroke-dashoffset:-36}}
@media(max-width:950px){.harness-memory-flow{gap:22px;grid-template-columns:1fr 1fr}.memory-episode{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.memory-state-diagram{max-width:360px}.memory-code-card{min-height:230px}.memory-episode h4{display:block}.memory-episode h4 span{margin-left:12px}.memory-link-label{right:0}}
@media(max-width:600px){.harness-memory-heading{display:block;margin-bottom:20px}.harness-memory-heading h3{font-size:30px}.memory-example-tabs{display:inline-flex;margin-top:18px}.memory-example-tabs button{font-size:11px;padding:9px 13px}.harness-memory-flow{grid-template-columns:1fr;gap:22px}.memory-episode{grid-column:auto;display:block}.memory-state-diagram{max-width:none}.memory-link-label{justify-content:center;margin-top:12px}.memory-link-label b{transform:rotate(90deg)}.memory-code-card{min-height:215px}.memory-code-card pre{font-size:12px}.memory-episode h4{display:flex}.harness-memory-study{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.harness-memory-study *{animation:none!important}}