html:has(body.lab-body){height:100%}body.lab-body{height:100dvh;margin:0;display:flex;flex-direction:column;overflow:hidden}body.lab-body>.knav,body.lab-body>header{flex:none}.lab-page{flex:1;min-height:0;display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px;padding:14px 20px 16px;box-sizing:border-box;max-width:none!important;margin:0!important}.lab-page.lab-rail-right{grid-template-columns:minmax(0,1fr) minmax(270px,320px)}.lab-page.lab-rail-right>.lab-rail{order:2}.lab-rail{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-gutter:stable}.lab-card{border:1px solid var(--rule, #d8cfbf);border-radius:10px;background:var(--paper-2, #f8f4ec);padding:12px;display:flex;flex-direction:column;gap:10px;margin:0!important}.lab-card .lab-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lab-card .lab-row>.grow{flex:1;min-width:0}.lab-transport{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px}.lab-transport button{width:100%;justify-content:center}.lab-steptext{font-size:15px;line-height:1.4;min-height:2.8em}.lab-try{font-size:13px;line-height:1.45;color:var(--muted, #5b5f72);border-top:1px dashed var(--rule, #d8cfbf);padding-top:8px}.lab-try:empty{display:none}.lab-try b,.lab-try strong{color:var(--ink, #0e1330)}.lab-stage{min-height:0;min-width:0;display:flex;flex-direction:column;margin:0!important}.lab-stage>.lab-viz-fill{flex:1;min-height:0;overflow:auto}.lab-stage svg{max-height:100%}dialog.lab-ref{width:min(960px,92vw);max-height:86vh;border:1px solid var(--rule, #d8cfbf);border-radius:12px;padding:0;background:var(--paper, #f1ece2);color:inherit}dialog.lab-ref::backdrop{background:#0e133059}dialog.lab-ref .lab-ref-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule, #d8cfbf);position:sticky;top:0;background:inherit}dialog.lab-ref .lab-ref-body{padding:14px 16px 18px;overflow:auto}@media (max-width: 760px){body.lab-body{height:auto;overflow:auto}.lab-page,.lab-page.lab-rail-right{grid-template-columns:1fr}.lab-page.lab-rail-right>.lab-rail{order:0}}.lab-try .lab-try-lab{font-family:var(--mono, monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-right:6px}.lab-try.is-correct{color:var(--ok, #1d7a52);border-top-color:currentColor}.lab-try.is-wrong{color:var(--acid, #c8102e);border-top-color:currentColor}.lab-card .lab-row>.grow{min-width:0}.lab-card .lab-row>.grow>button{width:100%;min-width:0;max-width:100%;display:flex;align-items:center;gap:6px;overflow:hidden;box-sizing:border-box}.lab-card .lab-row>.grow>button>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.lab-card .lab-row>button{flex:none}.lab-page.cr-three{grid-template-columns:minmax(260px,300px) minmax(0,1.1fr) minmax(340px,.9fr)}.lab-page.cr-three>aside:last-child{min-height:0;display:flex;flex-direction:column;margin:0}.lab-page.cr-three>aside:last-child>.cr-term{flex:1;min-height:0}.lab-page.cr-three>aside:last-child .cr-term-scroll{max-height:100%;overflow:auto}@media (max-width: 1100px){.lab-page.cr-three{grid-template-columns:minmax(240px,270px) minmax(0,1fr) minmax(300px,.9fr)}}