.mm{container-type:inline-size;color:#263238;font-family:system-ui,sans-serif;margin:24px 0;letter-spacing:0}.mm *{box-sizing:border-box;letter-spacing:0}.mm .mm-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm .mm-data{grid-column:1/-1}.mm label{display:grid;gap:5px;font-size:14px;font-weight:600;min-width:0}.mm input,.mm select,.mm button{font:inherit;font-size:14px;min-height:42px;border:1px solid #aab9be;border-radius:4px;background:#fff;color:#263238;max-width:100%;padding:8px;line-height:1.5}.mm input,.mm select{width:100%}.mm button{cursor:pointer}.mm button:disabled{opacity:.5;cursor:default}.mm :is(button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #1268a0;outline-offset:2px}.mm .mm-error{font-size:14px;color:#a42432}.mm .mm-error:empty{display:none}.mm .mm-items{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:0;margin:16px 0;list-style:none}.mm .mm-items li{display:grid;gap:2px;text-align:center;border:1px solid #b5c3c8;padding:4px 0;font-size:16px;font-weight:600;list-style:none;margin:0}.mm .mm-items li::before{display:none}.mm .mm-items small{font-size:10px;font-weight:400}.mm .mm-items .current{outline:2px solid #1268a0;outline-offset:1px;background:#eef6fc}.mm .mm-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}.mm .mm-player,.mm .mm-record{min-width:0}.mm .mm-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:2px solid #087b69;padding-top:8px;font-size:11px}.mm .mm-values strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.mm .mm-values div:last-child{color:#087b69}.mm .mm-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.mm .mm-actions button{font-size:12px;padding:7px 2px}.mm .mm-status{font-size:13px;line-height:1.5;min-height:4.5em;margin:8px 0}.mm .mm-diagram{display:block;width:100%;height:auto;max-width:440px;margin:auto}.mm .mm-edges path{fill:none;stroke:#53656c;stroke-width:2;marker-end:url(#mm-arrow)}.mm marker path{fill:#53656c}.mm [data-node] rect,.mm [data-node] polygon{fill:#f5f8f9;stroke:#53656c;stroke-width:2}.mm [data-node] text{font-size:16px;text-anchor:middle;dominant-baseline:middle;fill:#263238;font-weight:600}.mm .mm-labels text{font-size:13px;text-anchor:middle;fill:#45565e}.mm [data-node].active rect,.mm [data-node].active polygon{stroke:#1268a0;stroke-width:3;fill:#eef6fc}.mm [data-node="update"].active rect{stroke:#087b69;fill:#e2f4eb}.mm h3{font-size:17px;line-height:1.5;border:0;background:none;padding:0;margin:0 0 10px}.mm h3::before,.mm h3::after{display:none}.mm .mm-table-scroll{max-height:560px;overflow:auto;border:1px solid #d5dfe1}.mm table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed}.mm .mm-record table th,.mm .mm-record table td{padding:7px 3px;font-size:12px;line-height:1.5;border:0;border-bottom:1px solid #dde5e6;text-align:center;overflow-wrap:anywhere}.mm .mm-record th{background:#edf2f4;white-space:nowrap}.mm .mm-record th:first-child{width:49%}.mm tr.changed{background:#e2f4eb}.mm tbody tr:last-child{font-weight:600;box-shadow:inset 3px 0 #1268a0}.mm .mm-result,.mm .mm-feedback,.mm details p{font-size:14px;line-height:1.8}.mm .mm-practice{border-top:1px solid #d5dfe1;margin-top:22px;padding-top:18px}.mm .mm-quiz{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:14px}.mm .mm-quiz button{background:#1268a0;color:#fff}.mm summary{font-size:14px;font-weight:600;cursor:pointer}.mm details{margin-top:14px}@container(max-width:520px){.mm .mm-workspace{grid-template-columns:1fr;gap:18px}.mm .mm-table-scroll{max-height:240px}.mm .mm-diagram{max-width:350px}.mm .mm-items{grid-template-columns:repeat(4,minmax(0,1fr))}.mm .mm-quiz{grid-template-columns:1fr}.mm .mm-quiz button{justify-self:start}}