.memory-datestamp{font-size:.85rem;color:var(--elora-muted,#4e6b93);margin-top:20px}
.memory-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0;margin:28px 0;list-style:none}
.memory-flow li{padding:20px;border:1px solid var(--line,#c8d9ee);border-radius:16px;background:var(--panel,#fff);min-width:0}
.memory-flow h3{margin:14px 0 8px}.memory-flow p{margin:0;font-size:.95rem;line-height:1.65}
.memory-step{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--elora-cobalt,#3f6fbb);color:#fff;font-weight:700}
.memory-example{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.6fr);border:1px solid var(--line,#c8d9ee);border-radius:18px;overflow:hidden;background:var(--panel,#fff)}
.memory-example-list{display:flex;flex-direction:column;background:var(--elora-frost,#edf2fb);padding:16px;gap:10px}
.memory-example-list button{font:inherit;font-weight:700;text-align:left;color:var(--elora-deep,#243e66);background:var(--panel,#fff);padding:18px;border:1px solid var(--line,#c8d9ee);border-radius:10px;cursor:pointer}
.memory-example-list button span{display:block;font-weight:400;font-size:.85rem;margin-top:6px}
.memory-example-list button[aria-selected=true]{border-color:var(--elora-cobalt,#3f6fbb);box-shadow:inset 4px 0 var(--elora-cobalt,#3f6fbb)}
.memory-example-list button:focus-visible,.memory-example-panel:focus-visible{outline:3px solid var(--elora-cobalt,#3f6fbb);outline-offset:3px}
.memory-example-panel{padding:28px;min-width:0;overflow-wrap:anywhere}
.memory-example-label{font-size:.8rem;color:var(--elora-muted,#4e6b93)}
.memory-example-panel blockquote{margin:20px 0;padding:18px;border-left:4px solid var(--elora-violet,#7a83c8);background:var(--elora-glacier,#f7f9fd);line-height:1.8}
.memory-example-panel dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;font-size:.95rem;line-height:1.7}
.memory-example-panel dt{font-weight:700}.memory-example-panel dd{margin:0}
@media(max-width:1050px){.memory-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.memory-flow{grid-template-columns:1fr}.memory-flow li{padding:18px}.memory-example{grid-template-columns:1fr}.memory-example-panel{padding:20px}.memory-example-panel dl{grid-template-columns:1fr;gap:4px}.memory-example-panel dd{margin-bottom:12px}}