/* The lesson is a workspace. Existing brand colours, mascots and saved progress stay intact. */
.lesson-active .main{padding-top:24px;padding-left:32px;padding-right:32px}
.lesson-active .primary-nav{margin-bottom:20px;padding:3px}
.lesson-active .primary-nav a{padding:8px}
.lesson-active .lesson-shell{max-width:1120px}
.lesson-active .back-link{margin-bottom:12px;font-size:.8rem}
.lesson-active .lesson-shell>.eyebrow{margin:10px 0 7px}
.lesson-active .lesson-title{font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.16;margin:8px 0 10px;letter-spacing:-.035em}
.lesson-active .lesson-lead{font-size:.96rem;line-height:1.6;margin-bottom:12px;max-width:800px}
.lesson-active .lesson-toolbar{margin:8px 0 14px;gap:8px}
.lesson-active .listening-options{flex-basis:auto;margin:0}
.lesson-active .listening-options>summary{min-height:36px;padding:7px 10px;font-size:.75rem}
.lesson-active .listening-options[open]{flex-basis:100%}
.lesson-active .lesson-toolbar .button{padding:7px 10px;font-size:.75rem;min-height:36px}
.lesson-active .lesson-progress-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px 14px;border-width:1px;margin:12px 0;background:#fff}
.lesson-active .lesson-progress-banner>p{font-size:.75rem;line-height:1.5;flex:1 1 300px;margin:0}
.lesson-active .lesson-checklist{width:100%;margin:0;font-size:.7rem;gap:8px 16px}
.lesson-active .lesson-progress-banner>.button{padding:6px 10px;min-height:34px;font-size:.75rem}
.lesson-active .lesson-stepper{margin:16px 0 22px;gap:8px;scroll-margin-top:105px}
.lesson-active .lesson-stepper button{min-height:66px;padding:11px 15px;font-size:.85rem;border-radius:12px}
.lesson-active .lesson-stepper button>span{font-size:.65rem;margin-bottom:3px}
.lesson-active .lesson-stepper .step-result{font-size:.68rem;margin-top:4px}
.lesson-active .lesson-step-panel{max-width:none}
.lesson-active #uitleg{max-width:850px;margin:auto}
.lesson-active #kennistest{max-width:850px;margin:auto}
.workshop{border:1px solid #cad7ea;border-radius:22px;background:#fff;box-shadow:0 9px 30px #15274706;overflow:hidden;margin-bottom:24px}
.workshop-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-bottom:1px solid #e4eaf3;background:linear-gradient(105deg,#f0f6ff 0%,#fff6fa 100%)}
.workshop-header .eyebrow{font-size:.67rem;margin:0 0 5px;letter-spacing:.1em}
.workshop-header h2{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.3;letter-spacing:-.025em;margin:0}
.workshop-header>img{width:66px;height:66px;object-fit:contain;flex-shrink:0}
.workshop-grid{display:grid;grid-template-columns:minmax(225px,.8fr) minmax(0,1.5fr)}
.mission-card{padding:24px;background:#f7f9fd;border-right:1px solid #e1e8f1;min-width:0;overflow-wrap:anywhere}
.workshop-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:#476786}
.mission-card>h3{font-size:1rem;line-height:1.65;letter-spacing:-.01em;margin:10px 0 20px}
.mission-source{padding:16px;background:#fff;border:1px solid #cddcec;border-left:3px solid #248f91;border-radius:4px 12px 12px 4px}
.mission-source h4{font-size:.77rem;color:#277271;margin:0 0 8px}
.mission-source p{font-size:.87rem;line-height:1.85;margin:0}
.mission-help{margin:18px 0;border-bottom:1px solid #d9e2ef;padding-bottom:16px;font-size:.82rem;line-height:1.8}
.mission-help summary{color:var(--blue);font-weight:650;cursor:pointer;min-height:34px}
.mission-help p{margin:10px 0 0}
.mission-outcome{font-size:.76rem;line-height:1.8;color:var(--muted);margin:18px 0 0}
.workshop-desk{padding:24px;min-width:0}
.workshop form>label{display:block;font-size:.88rem;font-weight:700;margin:0 0 10px}
.workshop textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;font:inherit;font-size:16px;line-height:1.75;padding:14px 16px;border:1px solid #a4b6d1;border-radius:12px;background:#fff;color:var(--ink);min-width:0}
.workshop textarea:focus{outline:3px solid #87b2fb;outline-offset:2px;border-color:var(--blue)}
.workshop #workshop-privacy{font-size:.72rem;line-height:1.7;margin:10px 0 14px}
.workshop-actions{display:flex;flex-wrap:wrap;gap:10px}
.workshop-actions .button{font-size:.8rem;padding:10px 14px;min-height:43px;white-space:normal;max-width:100%}
.workshop-actions .ende-button{background:#81365c;color:#fff;border-color:#81365c}
.workshop-actions .ende-button:hover{background:#662747}
.workshop-actions .ende-button:disabled{background:#f5edf1;color:#806575;border-color:#d5c4ce;cursor:wait}
.workshop-status{min-height:38px;line-height:1.65;font-size:.76rem;color:#536981;margin:13px 0 16px}
.workshop-result{border:1px solid #d6e1ee;border-radius:14px;overflow:hidden;background:#fff}
.result-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 16px;border-bottom:1px solid #e0e8f2;background:#f7f9fc}
.result-bar h3{font-size:.86rem;margin:0}
.result-bar>span{font-size:.65rem;font-weight:650;color:#6c4961;background:#f7eaf1;border:1px solid #ead7e2;padding:4px 8px;border-radius:6px}
.workshop-empty{display:flex;align-items:center;gap:14px;padding:19px;min-height:110px;color:var(--muted)}
.workshop-empty img{width:58px;height:58px;object-fit:contain}
.workshop-empty p{font-size:.85rem;line-height:1.8;margin:0}
.workshop-versions{display:flex;min-width:0}
.workshop-versions>article{flex:1 1 0;min-width:0;padding:18px;overflow-wrap:anywhere}
.workshop-versions #workshop-before{background:#f4f7fb;border-right:1px solid #d7e2ef}
.workshop-versions h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;color:#5c718a}
.workshop-versions .chat-text{font-size:.88rem;line-height:1.9;white-space:pre-wrap;margin:0}
.workshop-result-actions{display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid #e1e8f2;padding:8px}
.workshop-result-actions .button{font-size:.72rem;padding:9px;min-height:38px}
.workshop-review{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:23px 24px;background:#fbfcfe;border-top:1px solid #e2e9f3}
.workshop-review .eyebrow{margin:0 0 6px;font-size:.64rem}
.workshop-review h3{font-size:.92rem;line-height:1.5;margin:0 0 12px}
.workshop-review textarea{font-size:.85rem;min-height:90px;padding:10px 12px}
.workshop-review fieldset{min-width:0;margin:0;padding:0;border:0}
.workshop-review legend{font-size:.8rem;font-weight:700;margin-bottom:10px}
.workshop-review fieldset label{display:flex;align-items:flex-start;gap:10px;font-size:.76rem;line-height:1.8;padding:5px 0;cursor:pointer}
.workshop-review input[type=checkbox]{width:17px;height:17px;margin:3px 0 0;flex-shrink:0;accent-color:#267976}
.workshop-save{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:0 24px 22px;background:#fbfcfe}
.workshop-save .button{font-size:.76rem;min-height:40px;white-space:normal}
.workshop-save .hint{flex:1 1 240px;font-size:.7rem;line-height:1.8;margin:0}
.workshop-explanation{border-top:1px solid #e0e8f3;padding:15px 24px;font-size:.85rem;line-height:1.9}
.workshop-explanation summary{cursor:pointer;font-weight:650;color:var(--blue);min-height:32px}
.workshop-explanation h3{font-size:.93rem;margin:18px 0 8px}
.workshop-extra-model,.workshop-extra-prompt{margin:18px 0;border:1px solid #d8e1ee;border-radius:12px;background:#fff;padding:16px 20px}
.workshop-extra-model>summary,.workshop-extra-prompt>summary{cursor:pointer;font-size:.85rem;font-weight:650;min-height:30px}
.workshop-extra-model .lesson-experiment{margin-top:18px}
.workshop-extra-prompt .prompt-box{border:0;padding:12px 0;margin:0}
.workshop-check-heading{padding:16px 0 4px;max-width:750px}
.workshop-check-heading h2{font-size:1.55rem;margin:7px 0 10px}
.workshop-check-heading p{font-size:.9rem;line-height:1.8}
.home-try{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.3fr);margin:26px 0;background:#fff;border:1px solid #cbd9ed;border-radius:22px;overflow:hidden}
.home-try-intro{padding:30px;background:linear-gradient(150deg,#eef5ff,#f9f5ff);position:relative}
.home-try-intro h2{font-size:clamp(1.6rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.035em;margin:12px 0 18px}
.home-try-intro p{font-size:.92rem;line-height:1.8}
.home-try-intro>img{width:110px;height:130px;object-fit:contain;display:block;margin:18px auto 0}
.home-try-task{padding:28px}
.home-try-task>p{font-size:.88rem;line-height:1.8;margin:10px 0 16px}
.home-try-task blockquote{font-size:1.04rem;line-height:1.7;border-left:3px solid #c37e49;margin:14px 0 22px;padding:15px 18px;background:#fff8ef;border-radius:0 9px 9px 0}
.home-try-task fieldset{border:0;min-width:0;padding:0;margin:0 0 15px}
.home-try-task legend{font-size:.9rem;font-weight:700;margin-bottom:10px}
.home-try-task .answer-option{padding:11px 12px;font-size:.82rem;margin-bottom:7px;min-height:44px}
.home-try-task .button{min-height:43px;font-size:.83rem}
.home-try-task .quiz-feedback{font-size:.86rem;line-height:1.8}
.home-try-next{font-size:.85rem;font-weight:700;display:inline-block;padding:12px 0}
.workshop [hidden]{display:none!important}
@media(min-width:1450px){.lesson-active .main{padding-left:45px;padding-right:45px}}
@media(max-width:1100px) and (min-width:901px){.workshop-grid{grid-template-columns:minmax(190px,.8fr) minmax(0,1.4fr)}.workshop-desk,.mission-card{padding:18px}.lesson-active .main{padding-left:22px;padding-right:22px}.workshop-header{padding:18px}.workshop-actions .button{font-size:.75rem}.workshop-review{grid-template-columns:1fr}}
@media(max-width:760px){
 .lesson-active .main{padding:18px 18px 0}.lesson-active .primary-nav{margin-bottom:17px}.lesson-active .primary-nav a{font-size:.7rem;padding:7px 3px}
 .lesson-active .lesson-title{font-size:1.8rem}.lesson-active .lesson-lead{font-size:.87rem}.lesson-active .lesson-toolbar{gap:5px}
 .lesson-active .lesson-progress-banner{padding:9px 11px;gap:6px 10px}.lesson-active .lesson-progress-banner>p{font-size:.7rem;flex-basis:200px}.lesson-active .lesson-checklist{font-size:.65rem;gap:6px 10px}
 .lesson-active .lesson-stepper{gap:5px;margin:13px 0 18px;scroll-margin-top:145px}.lesson-active .lesson-stepper button{font-size:.72rem;padding:10px 8px;min-height:65px}.lesson-active .lesson-stepper .step-result{font-size:.61rem}
 .workshop{border-radius:16px}.workshop-header{padding:17px;gap:8px}.workshop-header h2{font-size:1.25rem}.workshop-header .eyebrow{font-size:.56rem;letter-spacing:.055em}.workshop-header>img{width:52px;height:58px}
 .workshop-grid{grid-template-columns:1fr}.mission-card{padding:18px;border-right:0;border-bottom:1px solid #dce5f0}.mission-card>h3{font-size:.91rem;line-height:1.7;margin:7px 0 13px}.mission-source{padding:13px}.mission-source p{font-size:.83rem;line-height:1.8}.mission-help{margin:13px 0 0;padding-bottom:0;border:0}.mission-outcome{font-size:.72rem;margin-top:12px}
 .workshop-desk{padding:18px}.workshop form>label{font-size:.88rem;line-height:1.6}.workshop textarea{padding:12px;font-size:16px}.workshop-actions{display:grid}.workshop-actions .button{width:100%;min-height:46px}.workshop-status{font-size:.74rem;line-height:1.8}
 .workshop-versions{flex-direction:column}.workshop-versions #workshop-before{border-right:0;border-bottom:1px solid #d7e2ef}.workshop-versions>article{padding:15px}.workshop-versions .chat-text{font-size:.85rem}
 .workshop-review{grid-template-columns:1fr;padding:18px;gap:20px}.workshop-save{padding:0 18px 18px;gap:10px}.workshop-save .button{width:100%;min-height:44px}.workshop-save .hint{font-size:.71rem}.workshop-explanation{padding:15px 18px}
 .workshop-extra-model,.workshop-extra-prompt{padding:14px;border-radius:11px}.workshop-extra-model>summary,.workshop-extra-prompt>summary{font-size:.79rem;line-height:1.7}.workshop-check-heading h2{font-size:1.4rem}
 .home-try{grid-template-columns:1fr;border-radius:17px}.home-try-intro{padding:23px;position:relative}.home-try-intro h2{font-size:1.6rem;max-width:calc(100% - 58px);margin:10px 0}.home-try-intro p{font-size:.84rem;margin-bottom:0}.home-try-intro>img{position:absolute;top:22px;right:14px;width:70px;height:87px;margin:0}.home-try-intro .eyebrow{font-size:.62rem}.home-try-task{padding:20px}.home-try-task blockquote{font-size:.97rem;padding:13px 14px}.home-try-task .answer-option{font-size:.83rem;line-height:1.7}
}
@media print{.workshop-actions,.workshop-result-actions,.workshop-save,.home-try-form{display:none!important}.workshop-grid,.workshop-review{display:block}.workshop textarea{border:1px solid #aaa}}