/* Lesson extension; approved shared design remains byte-identical. */
body{hyphens:none!important;overflow-wrap:break-word}main{padding-bottom:32px}.wrap{max-width:1000px}.step-nav{display:flex;align-items:center;gap:6px}.step-nav .kette{min-width:0;flex:1}.step-nav>.ter{font-size:24px;flex:0 0 40px;padding:0;min-height:44px}.scene{margin:20px 0}.scene img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#E9F0FE;border-radius:16px}.scene figcaption{margin-top:8px;color:var(--kobalt);font-weight:600}.goal{margin:12px 0 22px;color:var(--kobalt);font-size:var(--fs-body);font-weight:500}.activity{background:white;border:1px solid var(--linie);border-radius:var(--radius-card);padding:var(--sp-4);margin:20px 0}.activity.current{border-color:var(--gruen)}.activity.done{border-color:var(--gruen-rand)}.activity h3{margin:0 0 14px}.activity blockquote{margin:14px 0;border-left:3px solid var(--blau);padding:8px 14px;font-size:var(--fs-zitat,19px);line-height:1.6;background:var(--blau-hell,#E9F0FE)}.speaker{font-size:var(--fs-meta);color:var(--kobalt);font-weight:700;margin-bottom:6px}.task{margin:14px 0;font-weight:600}.activity textarea,.report-field{width:100%;min-height:104px;border:1px solid var(--linie);border-radius:12px;padding:14px;font:inherit;line-height:1.6;color:var(--text);background:white;resize:vertical}.record-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.feedback{margin-top:20px;padding:18px;border-radius:14px;background:var(--gruen-hell,#ECFDF5);border:1px solid var(--gruen-rand,#A7F3D0)}.feedback p{margin:8px 0}.model{padding:14px;border:1px solid var(--linie);background:white;border-radius:12px;white-space:pre-line}.rubric{border:0;padding:0;margin:18px 0}.rubric legend{font-weight:700;margin-bottom:8px}.rubric label{display:flex;gap:12px;align-items:flex-start;padding:9px 0}.rubric input{flex:0 0 22px;width:22px;height:22px;margin-top:3px}.feedback .meta{margin-top:14px}.help{margin:12px 0}.help .hint{margin-top:12px}.report-field{min-height:420px}.note-chips{white-space:pre-wrap;border-left:3px solid var(--blau);padding:14px;background:#F8FAFC;max-height:350px;overflow:auto}.iframe-shell{margin:20px 0;border:1px solid var(--linie);border-radius:16px;background:white;overflow:hidden}.iframe-shell iframe{width:100%;height:900px;border:0;display:block}.frame-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--linie)}.activity-card{padding:20px;background:white;border:1px solid var(--linie);border-radius:16px;margin:20px 0}.activity-chip{font-size:var(--fs-meta);font-weight:700;color:var(--kobalt)}.person-row{display:flex;align-items:center;gap:14px;margin:16px 0;font-weight:600}.person-row img{width:68px;height:68px;border-radius:50%;object-fit:contain}.points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}.points li{background:#F8FAFC;border:1px solid var(--linie);border-radius:12px;padding:12px;text-align:center;line-height:1.4}.follow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0}.notice{background:#E9F0FE;padding:14px;border-radius:12px}dialog{width:min(850px,calc(100% - 28px));max-height:90dvh;border:1px solid var(--linie);border-radius:18px;padding:24px;color:var(--text);font:inherit}dialog::backdrop{background:rgba(20,42,110,.35)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dialog-head h2{margin:0}.paper{width:100%;font:inherit;line-height:1.6;border:1px solid var(--linie);border-radius:12px;padding:16px}.recording{background:#dc2626!important;border-color:#dc2626!important;min-width:54px;animation:record 1.2s infinite}.recording::after{content:'● ···';color:white;font-size:21px}@keyframes record{50%{opacity:.65}}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #1E4ED8;outline-offset:3px}.audio-row{display:flex;gap:12px;margin:12px 0}.video-wrap{position:relative;overflow:hidden;border-radius:16px;background:#142A6E}.video-wrap video{width:100%;display:block}.video-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,42,110,.12);cursor:pointer}.video-cover button{border-radius:50%;min-width:76px;height:76px;font-size:32px}.caption-mask{position:absolute;left:0;right:0;bottom:46px;height:24%;background:#142A6E;pointer-events:none;display:none}.video-wrap.playing .caption-mask{display:block}.video-wrap.show-captions .caption-mask{display:none}.achievement{border-left:3px solid var(--gruen);padding:12px 16px;margin:18px 0}.status-line{min-height:1.5em}.model .audio-row{white-space:normal}a.btn{text-decoration:none}button{max-width:100%}
@media(max-width:600px){.activity,.activity-card{padding:16px}.wrap{padding-left:14px;padding-right:14px}.points{grid-template-columns:repeat(2,minmax(0,1fr))}.iframe-shell iframe{height:1050px}.record-row .btn{width:100%}.scene{margin-inline:0}.topin{padding-inline:14px}.brandcase{max-width:190px}.brand img{width:38px}.caption-mask{bottom:40px}.person-row img{width:56px;height:56px}.activity blockquote{font-size:18px}.video-cover button{min-width:62px;height:62px}.dialog-head h2{font-size:26px}}

.iframe-shell{scroll-margin-top:120px}a.brand{text-decoration:none;color:var(--kobalt)}
.side-captions video{height:auto;max-height:none;aspect-ratio:16/9}.side-captions .caption-mask{left:var(--caption-left,38.8%);right:0;top:30%;bottom:8%;height:auto}.side-captions.show-captions .caption-mask{display:none}
.side-captions.playing .caption-mask{display:none}.side-captions.playing.caption-active:not(.show-captions) .caption-mask{display:block}
.video-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0}.video-tools button{min-height:44px}.movie-player:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#142A6E;padding:12px}.movie-player:fullscreen .video-wrap{width:min(100%,calc((100dvh - 100px)*16/9));flex:none}.movie-player:fullscreen .video-tools{padding:16px;background:#F8FAFC;border-radius:12px;width:min(100%,900px);justify-content:space-between}
.dialogue-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 16px}.dialogue-chapters p{grid-column:1/-1;margin:0}.dialogue-chapters button{min-height:44px;text-align:left;white-space:normal}
@media(max-width:600px){.dialogue-chapters{grid-template-columns:1fr}}
.dialogue-caption{padding:14px 16px;margin:0 0 16px;background:var(--blau-hell,#E9F0FE);border-left:3px solid var(--blau);border-radius:0 12px 12px 0;font-size:var(--fs-body);line-height:1.6}.dialogue-caption .speaker{font-size:inherit;margin:0 0 6px}.dialogue-caption p{margin:0;white-space:pre-line}
.task-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0}.activity{scroll-margin-top:145px}.answer-options{border:0;padding:0;margin:16px 0}.answer-options legend{font-weight:600;margin-bottom:10px}.answer-options label{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--linie);padding:14px;border-radius:12px;margin:10px 0}.answer-options input{width:22px;height:22px;flex:0 0 22px;margin-top:3px}.answer-options label:has(input:checked){border-color:var(--blau);background:#E9F0FE}

.summary-card{margin:28px 0;padding:20px;border:1px solid var(--linie);border-radius:16px;background:#F8FAFC}.summary-card h2{margin:0 0 8px;font-size:24px}.summary-card .btn{white-space:normal;text-align:center}