.course-memory-diagram{--meta-bg:#392947;--meta-ink:#f8efff;--meta-line:#c3a3de;--change-bg:#60320e;--change-ink:#fff2d8;--change-line:#ffc16b;border:1px solid color-mix(in srgb,var(--sl-color-accent) 34%,var(--sl-color-gray-5));background:color-mix(in srgb,var(--sl-color-bg-nav) 86%,var(--sl-color-accent-low));color:var(--sl-color-white);border-radius:1rem;margin:1.75rem 0;padding:clamp(.75rem,2vw,1.25rem)}:root[data-theme=light] .course-memory-diagram{--meta-bg:#ece0f5;--meta-ink:#422452;--meta-line:#86559f;--change-bg:#ffdfa7;--change-ink:#512600;--change-line:#a95b00}.course-memory-diagram figcaption{text-align:center;color:var(--sl-color-white);margin:0 0 .7rem;font-weight:750;line-height:1.4}.course-memory-diagram :is(.intro,.key,.note,.output,.diagram-status){color:var(--sl-color-gray-2);margin:.7rem 0;font-size:.8rem;line-height:1.5}.course-memory-diagram course-memory-view{margin:0;display:block}.course-memory-diagram .state{border:2px dashed var(--sl-color-gray-3);border-radius:.5rem;padding:.8rem}.course-memory-diagram .state-label{margin:0 0 1rem;font-size:.85rem;font-weight:700}.course-memory-diagram .panels{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:1rem;margin:0;display:grid}.course-memory-diagram section{min-width:0;margin:0}.course-memory-diagram h4{margin:0 0 .7rem;font-size:1rem}.course-memory-diagram .rows{border:1px solid var(--sl-color-gray-3);margin:0}.course-memory-diagram .memory-row{border-bottom:1px solid var(--sl-color-gray-3);background:var(--sl-color-bg);color:var(--sl-color-white);margin:0;padding:.65rem}.course-memory-diagram .memory-row:last-child{border-bottom:0}.course-memory-diagram .memory-row.data{background:var(--stack-add-bg);color:var(--stack-add-ink)}.course-memory-diagram .memory-row.metadata{background:var(--meta-bg);color:var(--meta-ink)}.course-memory-diagram .row-label{flex-wrap:wrap;justify-content:space-between;gap:.3rem .75rem;margin:0;font-size:.8rem;display:flex}.course-memory-diagram .row-label span{font-family:var(--sl-font-mono);font-size:.75rem}.course-memory-diagram .value{font:.8rem/1.5 var(--sl-font-mono);overflow-wrap:anywhere;margin:.4rem 0 0}.course-memory-diagram .bytes{grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;margin:.55rem 0 0;display:grid}.course-memory-diagram .byte{text-align:center;font:700 .8rem/1.9 var(--sl-font-mono);border:1px solid;border-radius:.2rem;margin:0}.course-memory-diagram dl{gap:.55rem;margin:0;display:grid}.course-memory-diagram .readout{border:1px solid var(--meta-line);background:var(--meta-bg);min-width:0;color:var(--meta-ink);border-radius:.3rem;margin:0;padding:.6rem}.course-memory-diagram dt{margin:0 0 .3rem;font-size:.8rem;font-weight:600}.course-memory-diagram dd{font:.8rem/1.5 var(--sl-font-mono);overflow-wrap:anywhere;margin:0}.course-memory-diagram .changed{box-shadow:inset 0 0 0 2px var(--change-line);background:var(--change-bg)!important;color:var(--change-ink)!important}.course-memory-diagram .active{outline-offset:-4px;outline:2px dashed}.course-memory-diagram .byte.active{background:var(--change-bg);color:var(--change-ink);outline:2px solid var(--change-line);outline-offset:-2px}.course-memory-diagram .output{border-left:3px solid var(--sl-color-accent-high);overflow-wrap:anywhere;padding:.5rem .7rem}.course-memory-diagram .controls{border:1px solid var(--sl-color-gray-3);border-radius:.3rem;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:1rem 0 0;padding:.75rem;display:flex}.course-memory-diagram label{min-width:0;margin:0;font-size:.85rem;font-weight:600}.course-memory-diagram .range-label{flex:18rem}.course-memory-diagram input{width:100%;accent-color:var(--sl-color-accent-high);margin:.7rem 0;display:block}.course-memory-diagram select{max-width:100%;min-height:44px;font:inherit;color:var(--sl-color-white);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-3);border-radius:.3rem;padding:.4rem;display:block}.course-memory-diagram .buttons{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.course-memory-diagram button{min-height:44px;font:inherit;color:var(--sl-color-white);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-3);cursor:pointer;border-radius:.3rem;margin:0;padding:.5rem .75rem;font-size:.85rem}.course-memory-diagram button:disabled{cursor:default;color:var(--sl-color-gray-2);border-style:dashed}.course-memory-diagram .diagram-status{flex-basis:100%;margin:0}.course-memory-diagram :is(button,input,select):focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:3px}.course-memory-diagram [hidden]{display:none!important}.course-memory-diagram .legend{margin:.8rem 0 0}@media (width<=45rem){.course-memory-diagram .panels{grid-template-columns:1fr}.course-memory-diagram .state{padding:.6rem}}@media (width<=30rem){.course-memory-diagram .memory-row{padding:.5rem}.course-memory-diagram .bytes{gap:.15rem}}@media print{.course-memory-diagram .controls{display:none!important}}