.code-lab [hidden]{display:none!important}.code-lab .dl-inputs{gap:8px}.code-lab [name=data]{width:95px;font-family:ui-monospace,monospace}.code-lab .cl-flips{display:flex;align-items:center;gap:6px;border:1px solid #c6d6ce;border-radius:6px;padding:3px 8px;margin:0;flex-wrap:wrap}.cl-flips legend{font-size:12px;color:#536b60}.code-lab .cl-flips input{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:#185a4c}.code-lab .cl-flips label{gap:3px;cursor:pointer;min-height:32px}.code-lab .cl-phases{display:flex;gap:7px;flex-wrap:wrap;margin:8px 24px}.cl-phases button{font-size:14px;min-height:32px;padding:3px 10px}.cl-phases [aria-current=step]{background:#185a4c;color:white}.cl-context{font-size:14px;color:#536b60;margin:4px 0 10px}.cl-word{margin:8px 0}.cl-word p{font-size:15px;margin:5px 0}.cl-word>div{display:flex;gap:6px;flex-wrap:wrap}.cl-word b{display:flex;flex-direction:column;align-items:center;min-width:40px;border:1px solid #b4cbbb;border-radius:6px;background:#fff}.cl-word small{font:12px system-ui,sans-serif;color:#547969;background:#f1f5ee;width:100%;text-align:center}.cl-word span{font:600 27px ui-monospace,monospace;padding:3px 8px}.cl-word .cl-selected{border-color:#65977c;background:#e5f0e6}.cl-word .cl-active{outline:2px solid #ab752e;background:#fff2d9}.cl-acc{font-size:19px;margin:12px 0 4px}.cl-acc b{font:600 28px ui-monospace,monospace}.cl-checks{border-top:1px solid #c6d6ce;padding-top:10px}.cl-report{background:#e6efe5;padding:12px;border-left:3px solid #4f8767}.cl-report.cl-warning{background:#fff1d9;border-color:#ad7b2b}.code-lab .cl-report p{font-size:16px}.code-lab .dl-controls{flex-wrap:wrap}.code-lab .dl-stage,.code-lab .dl-grid>*{min-width:0;overflow-wrap:anywhere}.code-lab .dl-stephead h2{font-size:23px}
@media(min-width:1100px) and (max-height:850px){.code-lab .dl-header{padding:9px 24px}.code-lab .dl-inputs{padding-top:8px}.code-lab .dl-contract{margin:6px 24px;font-size:12px}.code-lab .cl-phases{margin:4px 24px}.code-lab .dl-stephead{margin:6px 0}.code-lab .dl-stage{padding-bottom:8px}.code-lab .dl-machine{padding:10px 16px}.code-lab .dl-reason p{line-height:1.45}.code-lab .dl-controls{gap:6px}.code-lab .dl-controls button{font-size:15px}.code-lab .cl-word{margin:6px 0}}
@media(max-width:750px){.code-lab .dl-grid{grid-template-columns:1fr}.code-lab .dl-inputs{padding:12px}.code-lab .cl-flips{width:100%}.code-lab .cl-phases{margin:8px 12px;gap:5px}.code-lab .dl-contract{margin:8px 12px}.code-lab .dl-controls span{display:none}.code-lab .dl-controls button{font-size:13px;padding:5px 8px}.cl-word>div{gap:4px}.cl-word b{min-width:23px}.cl-word span{font-size:22px;padding:3px 4px}.code-lab .dl-stage{padding:0 12px 12px}.code-lab .dl-stephead h2{font-size:20px}.code-lab .dl-reason .dl-equation{font-size:22px}.code-lab .dl-reason p{font-size:17px}.code-lab .dl-inputs select{max-width:210px}.cl-context{font-size:12px}}
@media(min-width:1100px) and (max-height:850px){body[data-code-lesson] .lesson-lab-nav{margin:2px 0;font-size:13px}body[data-code-lesson] .lesson-lab-nav>a,body[data-code-lesson] .lesson-lab-nav>button{min-height:0;height:26px;padding:2px 8px;line-height:20px}body[data-code-lesson] .heading h1{margin-top:2px;margin-bottom:4px}body[data-code-lesson] .step-dots{margin:4px 0}body[data-code-lesson] .lesson-contract{margin-top:4px;margin-bottom:8px}body[data-code-lesson] .fu-board .fu-line{margin:6px 0}body[data-code-lesson] .fu-board h2{margin-bottom:8px}}