.lesson-app{margin:30px 0;padding:24px;border:1px solid #d6e0dc;border-radius:15px;background:#fbfcfc}.lesson-app h2{margin:0 0 18px!important}.lesson-app p{line-height:1.7}.la-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;position:sticky;top:8px;z-index:2;background:#fbfcfc;padding:10px 0;margin:18px 0}.la-controls button,.la-controls select{font:inherit;padding:9px 12px;border:1px solid #b8cac1;background:white;border-radius:8px;color:#183b2e;cursor:pointer}.la-controls select{max-width:100%;flex:1;min-width:150px}.la-controls button:disabled{opacity:.45;cursor:default}.la-progress{font-size:14px;color:#456354}.la-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:20px}.la-card{padding:20px;border-radius:12px;background:#eff3f1;min-width:0}.la-card h3{font-size:18px;margin:0 0 16px}.la-card h4{font-size:15px;margin:16px 0 10px}.la-card pre{margin:12px 0;background:white!important;border:0!important;border-radius:9px;padding:16px!important;max-height:430px;overflow:auto;font:13px/1.7 ui-monospace,monospace!important;white-space:pre!important}.la-code{border-left:4px solid #4287b5!important}.la-card img{display:block;width:100%;height:auto;margin:16px 0;background:white;border-radius:8px}.la-result-note{font-size:14px;color:#52645b}.la-functions{font:13px/1.7 ui-monospace,monospace;background:#deedf8;border-radius:8px;padding:10px;overflow-wrap:anywhere}.la-demo{background:white;padding:14px;border-radius:10px;margin:16px 0}.la-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.la-fields figure{margin:0}.la-fields canvas{width:100%;height:auto;display:block;image-rendering:pixelated;border:1px solid #ccd9d1}.la-fields figcaption{font-size:13px;line-height:1.5;margin:8px 0}.la-slider{display:block;font-size:14px;margin:10px 0}.la-slider input{width:100%;margin:10px 0}.la-chart{width:100%;height:auto}.la-demo p{font-size:14px}.la-loading{font-size:14px}@media(max-width:750px){.la-columns{grid-template-columns:1fr}.lesson-app{padding:15px}.la-card{padding:15px}.la-controls select{width:100%;flex-basis:100%}}

.la-fields:has(figure:only-child){grid-template-columns:1fr;max-width:350px}

.la-card pre.la-code{border-left:4px solid #4287b5!important;white-space:pre-wrap!important;overflow-wrap:anywhere}.la-code-card{position:sticky;top:75px;align-self:start;max-height:calc(100vh - 95px);overflow:auto}@media(max-width:750px){.la-code-card{position:static;max-height:none}}