.aq{container-type:inline-size;margin:24px 0;color:#263238;font-family:system-ui,sans-serif;letter-spacing:0}.aq *{box-sizing:border-box;letter-spacing:0}.aq [hidden]{display:none!important}.aq label{display:grid;gap:5px;font-size:14px;font-weight:600}.aq input,.aq select,.aq button{font:inherit;font-size:14px;min-height:42px;max-width:100%;padding:8px;border:1px solid #aab9be;border-radius:4px;background:white;color:#263238;line-height:1.5}.aq select,.aq input{width:100%;min-width:0}.aq button{cursor:pointer}.aq button:disabled{opacity:.5;cursor:default}.aq :is(button,input,select,summary):focus-visible{outline:3px solid #1268a0;outline-offset:2px}.aq .aq-prompt{font-size:15px;line-height:1.8;margin:12px 0}.aq .aq-answer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.aq .aq-check{background:#1268a0;color:white}.aq .aq-feedback{font-size:14px;min-height:1.8em;line-height:1.8;margin:8px 0}.aq .aq-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.aq .aq-player,.aq .aq-record{min-width:0}.aq .aq-array{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:10px}.aq .aq-cell{border:1px solid #b5c3c8;text-align:center;padding:4px;font-size:18px;font-weight:600;background:#fff}.aq .aq-cell small{display:block;font-size:11px;font-weight:400}.aq .aq-cell.current{outline:2px solid #1268a0;background:#eaf5ff;outline-offset:1px}.aq .aq-values{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:6px;border-top:2px solid #087b69;padding-top:8px;font-size:11px}.aq .aq-values strong{display:block;font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:28px}.aq .aq-values span:last-child{color:#087b69}.aq .aq-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.aq .aq-actions button{font-size:12px;padding:7px 2px;white-space:nowrap}.aq .aq-status{font-size:13px;line-height:1.6;min-height:4.8em;margin:8px 0}.aq svg{display:block;width:100%;height:auto;max-width:430px;margin:auto;overflow:visible}.aq .aq-edge{fill:none;stroke:#596970;stroke-width:2}.aq marker path{fill:#596970}.aq .aq-node rect,.aq .aq-node polygon{fill:#f5f8f9;stroke:#596970;stroke-width:2}.aq .aq-node text{fill:#263238;text-anchor:middle;dominant-baseline:middle;font-size:15px;font-weight:600}.aq .aq-label{font-size:12px;fill:#46565e;text-anchor:middle}.aq .aq-node.active rect,.aq .aq-node.active polygon{fill:#eaf5ff;stroke:#1268a0;stroke-width:3}.aq .aq-node.active[data-node="act"] rect{fill:#e2f4eb;stroke:#087b69}.aq .aq-record h3{font-size:16px;background:none;border:0;padding:0;margin:0 0 10px;line-height:1.5}.aq h3::before,.aq h3::after{display:none}.aq .aq-table-scroll{max-height:520px;overflow:auto;border:1px solid #d5dfe1}.aq table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0}.aq .aq-record th,.aq .aq-record td{font-size:12px;line-height:1.5;padding:7px 3px;text-align:center;border:0;border-bottom:1px solid #dde5e6;overflow-wrap:anywhere}.aq th{background:#edf2f4}.aq th:first-child{width:46%}.aq tr:last-child{box-shadow:inset 3px 0 #1268a0}.aq details{margin-top:16px;font-size:14px;line-height:1.8}.aq summary{cursor:pointer;font-weight:600}.aq details p{font-size:14px}.aq .aq-error{color:#a42432}@container(max-width:550px){.aq .aq-workspace{grid-template-columns:1fr}.aq .aq-chart svg{max-width:350px}.aq .aq-table-scroll{max-height:260px}.aq .aq-answer{grid-template-columns:1fr}.aq .aq-check{justify-self:start}.aq .aq-status{min-height:3.2em}}