.kw-device-grid,.kw-component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.kw-device,.kw-component{min-width:0;margin:0;padding:12px;border:1px solid #b9c9bd;border-radius:14px;background:#fff;color:#173b32;break-inside:avoid}.kw-device-window{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:9px;background:#f6f0e8}.kw-device-window img{position:absolute;display:block;width:300%!important;height:200%!important;max-width:none!important;max-height:none!important;object-fit:fill}.kw-device figcaption,.kw-component figcaption{font-size:15px;line-height:1.45;padding-top:10px}.kw-device figcaption p{margin:5px 0 0}.kw-component img{display:block;width:100%;height:200px;object-fit:contain}.kw-credit{font-size:13px;line-height:1.45;color:#486152}.kw-cloze{font-size:20px;line-height:2.6}.kw-cloze select{display:inline-block;width:auto;max-width:100%;min-width:120px;margin:0 5px;padding:7px 10px;font-size:19px;line-height:1.4;color:#173b32;background:#fff8df;border:2px solid #77957e;border-radius:7px}.kw-chapter-nav{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.kw-chapter-nav button{flex:1 1 180px;min-height:48px;padding:10px 14px;white-space:normal;border:1px solid #9db1a2;border-radius:10px;background:#f5f8f0;color:#173b32;font-size:17px;line-height:1.35;text-align:left}.kw-chapter-nav button[aria-current]{background:#225b48;color:#fff}.kw-wordbox{margin:18px 0;padding:14px;border:1px solid #b9c9bd;border-radius:10px;background:#eff6eb}.kw-wordbox summary{font-weight:700}.kidi-learning-content{min-width:0}.kidi-task fieldset{min-width:0}.kidi-match-row select{min-width:0;max-width:100%;white-space:normal}.kw-cloze select:focus-visible,.kw-chapter-nav button:focus-visible{outline:3px solid #bc741f;outline-offset:3px}@media(max-width:650px){.kw-device-grid,.kw-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kw-device,.kw-component{padding:8px}.kw-cloze{font-size:18px}.kw-cloze select{font-size:17px;min-width:100px}.kw-component img{height:150px}}

.kw-workshop{margin:24px 0;padding:22px;border:2px solid #739a7c;border-radius:16px;background:#f1f7ed;color:#173b32;break-inside:avoid}.kw-workshop h3{margin-top:0}.kw-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;max-width:520px;margin:18px 0}.kw-cell{display:flex;flex-direction:column;gap:6px;min-height:85px;padding:12px;border:2px solid #bbcdb9;border-radius:10px;background:#fff}.kw-cell.is-trace{border-color:#5d9267}.kw-cell.is-blocked{background:#514d4a;color:#fff}.kw-cell.is-here{background:#ffde79;color:#173b32;border-color:#956515}.kw-cell span{font-size:15px;line-height:1.35}.kw-lab-result{padding:16px;background:#fff;border:1px solid #a4b99e;border-radius:10px;margin:18px 0}.kw-lab-result p{margin:6px 0}.kw-lab-fields{display:flex;flex-wrap:wrap;gap:16px}.kw-lab-fields label{flex:1 1 140px}.kw-lab-fields input{width:100%;max-width:170px}.kw-workshop label{display:block;font-weight:650}.kw-workshop input[type=range]{display:block;width:100%;max-width:520px;min-height:44px}.kw-workshop select{display:block;width:100%;max-width:400px;min-height:48px;padding:10px;font:inherit;background:#fff;color:#173b32}.kw-workshop button{min-height:48px;padding:10px 14px;font:inherit;white-space:normal;background:#fff;color:#173b32;border:1px solid #6e9276;border-radius:9px;cursor:pointer}.kw-workshop button:disabled{opacity:.5}.kw-lamp{border-left:10px solid #546456;padding:12px}.kw-lamp.is-on{border-color:#d49a00;background:#fff3bf}.kw-dots{display:inline-block;white-space:nowrap;margin:3px}.kw-workshop .kidi-actions{gap:8px}.kidi-input-card p,.kidi-station>p,.kidi-worked-example p{max-width:76ch}.kidi-station>header{margin-bottom:20px}.kidi-station .kidi-task{margin-top:24px}.kidi-task legend{font-weight:700}.kidi-course-grid .kidi-card{display:flex;flex-direction:column}.kidi-course-grid .kidi-card>.kidi-button{margin-top:auto}.kidi-hero h1{max-width:24ch}.kidi-learning-content table{width:100%}.kidi-learning-content th,.kidi-learning-content td{overflow-wrap:anywhere}.kw-chapter-nav{position:static}.kidi-input-card h4{font-size:20px}.kidi-meta{line-height:1.5} .kidi-task input[type=text]{font-size:20px;min-height:48px} .kidi-task select{min-height:48px;font-size:18px}
@media(max-width:650px){.kw-workshop{padding:15px}.kw-cell{padding:8px;min-height:70px}.kw-cell span{font-size:13px}.kidi-hero h1{max-width:none}}

.kidi-course-grid .kw-device{width:100%;max-width:300px;margin:0 auto}.kidi-course-grid .kw-device-window{aspect-ratio:1}.kidi-course-grid .kw-device figcaption{padding-top:10px}