.sb-workbench{display:grid;gap:18px;background:#f6f0e3;border:1px solid #d8cbb5;border-radius:18px;padding:20px;color:#283d35}.sb-workbench p{line-height:1.65;margin:0}.sb-workbench textarea{box-sizing:border-box;width:100%;font:inherit;line-height:1.6;padding:14px;border:1px solid #8a9b8b;border-radius:10px;background:#fffcf3;color:#283d35}.sb-diagram{width:100%;max-height:340px;display:block;margin:auto;font-family:inherit;overflow:hidden}.sb-control{display:block;margin:14px 0}.sb-control>span{display:flex;justify-content:space-between;gap:12px;font-weight:600}.sb-control output{color:#8c462c;font-variant-numeric:tabular-nums}.sb-control input{width:100%;min-height:40px;accent-color:#38675b;cursor:pointer}.sb-choice{border:0;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.sb-choice legend{font-weight:700;margin-bottom:8px}.sb-choice .btn{flex:1;min-width:125px;white-space:normal}.sb-workbench [aria-pressed=true]{background:#31594d!important;color:#fff!important;border-color:#31594d!important}.sb-option{white-space:normal;text-align:left}.sb-paper-task{padding:16px;border-left:3px solid #b36e42;background:#fffaf0}.sb-paper-task p{margin-top:8px}.sb-feedback{min-height:1.5em;padding:8px 2px;line-height:1.6}.sb-feedback.needs-work{color:#874328}.sb-target{font-weight:700;color:#8c462c}.sb-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sb-thumbs button{border:1px solid #879984;border-radius:12px;padding:6px;background:#fffaf0;color:inherit;cursor:pointer}.sb-thumbs svg{height:120px}.sb-thumbs button span{display:block;margin:4px}.sb-action-list{display:grid;gap:10px}.sb-comparison{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:8px}.sb-comparison svg{transition:width .2s}.sb-comparison.stepped-back svg{width:50%}.sb-branches{position:absolute;top:365px;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;text-align:center;font:italic 600 14px Georgia,serif;color:#476a56;pointer-events:none}.sb-path{margin-top:20px}.drawn-intro:has(.sb-intro-marker) .opening-portrait{left:0;right:auto}.sb-stage .btn{white-space:normal}.sb-stage .sub{font-size:13px}@media(max-width:540px){.sb-workbench{padding:14px;gap:12px}.sb-choice .btn{font-size:13px;padding:11px;min-width:110px}.sb-control>span{font-size:14px}.sb-thumbs svg{height:90px}.sb-branches{font-size:12px}}

.sb-paper-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sb-paper-samples .btn{font-size:14px;padding:12px}.sb-paper-samples+svg{max-height:220px}
.foundation-world b{font-size:18px!important}.sl-canvas{display:block;width:100%;height:auto;border-radius:14px;touch-action:pan-y;cursor:grab;border:1px solid #b9ae95}.sl-canvas:active{cursor:grabbing}.sl-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;background:#f5efdf;padding:14px 20px;border-radius:12px}.sl-formats,.sl-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.sl-formats [aria-pressed=true]{background:#31594d;color:white}.sl-count{font-weight:700;color:#31594d}.sl-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.sl-gallery article{min-width:0;display:flex;flex-direction:column;gap:10px;background:#f8f3e6;border:1px solid #d1c4ab;padding:12px;border-radius:12px}.sl-gallery canvas{width:100%;height:auto}.sl-gallery small{font-size:12px;line-height:1.5}.sl-gallery .btn{font-size:12px;padding:8px}.sl-gallery a{text-align:center;text-decoration:none}@media(max-width:540px){.sl-controls{grid-template-columns:1fr;padding:10px 14px}.sl-gallery{grid-template-columns:1fr}.sl-gallery canvas{max-height:320px;object-fit:contain}.sl-formats .btn{font-size:12px;padding:10px}.foundation-world b{font-size:16px!important}}
.im-demo{display:block;width:min(100%,400px);height:auto;margin:18px auto;background:#fffaf0;border:1px solid #cabca2;box-shadow:0 5px 15px #49362014}.im-caption{max-width:600px;margin:16px auto;line-height:1.7}.im-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.im-tabs [aria-pressed=true]{background:#31594d;color:white}.im-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.im-sketch-card,.im-record{min-width:0;background:#f4eddd;padding:12px;border:1px solid #cdbfa6;border-radius:12px}.im-sketch-card h4{margin:0 0 12px}.im-draw,.im-record canvas{width:100%;height:auto;display:block;border:1px solid #b8ab94;background:#fffaf0;touch-action:none;cursor:crosshair}.im-field{display:grid;gap:10px}.im-field textarea,.im-sketch-card textarea,.sb-stage>textarea{width:100%;box-sizing:border-box;padding:12px;background:#fffbf0;border:1px solid #9ca891;border-radius:8px;font:inherit;line-height:1.5}.im-sketch-card textarea{margin-top:12px;font-size:14px}.im-paper-check{display:flex;gap:12px;align-items:flex-start;line-height:1.6;margin:14px 0}.im-paper-check input{width:22px;height:22px;flex-shrink:0;accent-color:#31594d}.im-sketch-card .btn{font-size:12px;padding:9px;margin-top:8px}@media(max-width:600px){.im-boards{grid-template-columns:1fr}.im-draw,.im-record canvas{max-width:320px;margin:auto}.im-tabs .btn{font-size:12px;padding:10px}.im-sketch-card textarea{font-size:16px}}

.attached-lesson-stage{max-width:960px!important;width:100%;padding:0!important}.attached-lesson-stage>p{padding:0 16px}.lesson:has(.attached-lesson-stage){max-width:1000px}