*{box-sizing:border-box}body{margin:0;background:#edf2f8;color:#0c2849;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,a,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #2870c4;outline-offset:4px}a{color:inherit}.site-header{background:#fff;min-height:90px;border-bottom:1px solid #d6e0ec;display:flex;align-items:center;justify-content:space-between;padding:17px max(28px,calc((100vw - 1330px)/2));gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;line-height:1.35}.brand strong{display:block;font-size:21px;letter-spacing:-.6px}.brand small{display:block;color:#52657b;font-size:14px;margin-top:3px}.header-label{font-size:14px;font-weight:700;color:#52657b}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);max-width:1330px;margin:28px auto 20px;gap:28px;padding:0 24px;align-items:start}.companion-panel{border-radius:22px;background:#0a2c56;color:white;padding:29px 24px 22px;position:sticky;top:24px;overflow:hidden}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;margin:0 0 9px}.companion-heading .eyebrow{color:#ffdc24}.companion-heading h1{font-size:48px;letter-spacing:-2px;margin:0;line-height:1.05}.companion-heading>p:last-child{margin:16px 0 0;color:#d4e2f5;font-size:17px;line-height:1.5}.mascot-stage{background:#fff;border-radius:25px;margin:22px -8px 14px;padding:15px 0 4px;position:relative;overflow:hidden}.mascot{display:block;position:relative;width:100%;aspect-ratio:1;background:none;border:0;padding:0}.mascot img,.mascot canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.voice-status{display:flex;justify-content:center;align-items:center;gap:9px;font-size:15px;color:#f0f6ff;margin:13px 0 22px}.sound-wave{animation:pulse 1s infinite}.voice-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #305076;padding-top:19px;gap:10px}.voice-controls label{display:flex;gap:8px;align-items:center;font-size:14px}.voice-controls [data-slot=switch]{--primary:#ffdc24;--input:#527298}.speed-setting{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:14px;gap:12px}.speed-setting [data-slot=select-trigger]{color:#fff;border-color:#527298;font-size:14px}.mascot-hint{font-size:12px;color:#b7cee9;text-align:center;margin:20px 0 0}.voice-error{font-size:14px;color:#ffdc24;line-height:1.5;margin:14px 0}.learning-panel{background:#fff;border:1px solid #d6e0ec;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px #0b2c5509;min-width:0}.learning-toolbar{padding:19px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ecf4;flex-wrap:wrap}.class-choice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.class-choice [data-slot=select-trigger]{font-size:14px;background:#f5f8fc;height:39px}.track-pill{padding:3px 10px;background:#edf3fc;border-radius:6px}.mode-tabs[data-slot=tabs-list]{height:auto;display:grid;grid-template-columns:repeat(4,1fr);width:100%;border-radius:0;background:#fff;padding:0;border-bottom:1px solid #d6e0ec;gap:0}.mode-tabs [data-slot=tabs-trigger]{height:58px;border-radius:0;box-shadow:none!important;font-size:15px;gap:8px;color:#52657b;border:0;border-bottom:3px solid transparent}.mode-tabs [data-slot=tabs-trigger][data-state=active]{color:#0b2c55;background:#f8faff;border-bottom:3px solid #ffcb17;font-weight:800}.conversation{padding:24px 28px;min-height:375px}.examples>p{font-size:14px;margin:0 0 9px;font-weight:700;color:#52657b}.example-buttons{display:flex;flex-wrap:wrap;gap:8px}.example-buttons button{border:1px solid #d6e0ec;color:#254e7d;background:#fff;border-radius:9px;padding:8px 12px;font-size:14px;line-height:1.5;transition:.15s}.example-buttons button:hover,.example-buttons button.selected{background:#eaf3ff;border-color:#6494cc;color:#0b2c55}.connection-note{font-size:14px;color:#5b4a16;background:#fff7d6;border:1px solid #e8d58c;border-radius:9px;padding:12px 15px;margin-top:18px;line-height:1.5}.welcome{padding:41px 10px 34px;max-width:540px}.welcome-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:13px;background:#eff4fb;color:#123c70;margin-bottom:19px}.welcome h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;margin:0 0 11px}.welcome p{color:#52657b;margin:0;line-height:1.65;font-size:16px;max-width:440px}.question-bubble{margin:25px 0 18px;padding:13px 17px;background:#eef3f9;border-radius:12px 12px 3px 12px;line-height:1.5}.question-bubble span{display:block;font-size:11px;color:#63758b;font-weight:800;letter-spacing:1px;margin-bottom:4px}.answer-card{margin-top:20px}.answer-text h2{font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:0 0 17px}.answer-text .eyebrow{color:#5a7191;font-size:11px;letter-spacing:1.3px}.answer-text p{margin:13px 0}.answer-text .intro{font-size:17px}.answer-text section{margin:24px 0}.answer-text h3{font-size:17px;margin:0 0 7px}.answer-text ul{padding-left:22px;margin:9px 0}.answer-text li{padding-left:2px;margin:7px 0}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.comparison{border:1px solid #d6e0ec;border-radius:9px;overflow:auto;margin-top:14px}.comparison th{color:#143e6f;background:#edf3fa;font-size:14px;padding:10px 14px}.comparison td{font-size:15px;padding:12px 14px;white-space:normal}.merke{background:#ecf3ff;border-left:4px solid #2365b3;padding:14px 17px;border-radius:0 8px 8px 0;line-height:1.55}.merke strong{display:block;color:#1b518c;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.notebook{border:1px solid #d6e0ec;padding:27px 26px 23px 38px;border-radius:5px;background:linear-gradient(90deg,transparent 24px,#edb8bc 24px,#edb8bc 25px,transparent 25px),#fff;box-shadow:4px 4px 0 #eef3f9}.answer-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;padding-top:16px;border-top:1px solid #e5ecf4}.answer-actions button{display:flex;align-items:center;gap:6px;font-size:13px;color:#52657b;background:#fff;border:0;border-radius:6px;padding:8px 9px}.answer-actions button:hover{background:#edf3fa;color:#123c70}.composer{display:flex;align-items:center;gap:12px;background:#f5f8fc;border:1px solid #cbd8e9;border-radius:13px;margin:0 26px;padding:9px 10px 9px 15px}.composer:focus-within{outline:2px solid #4079bd;outline-offset:2px}.composer textarea{border:0;outline:0;background:transparent;resize:vertical;flex:1;min-width:0;line-height:1.5;padding:8px 0;color:#123c70;font-size:16px;min-height:52px;max-height:180px}.composer textarea::placeholder{color:#64788f}.send{border:0;background:#0b2c55;color:#ffdc24;width:46px;height:46px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.composer-footer{display:flex;justify-content:space-between;padding:9px 28px 19px;font-size:12px;color:#62768f;gap:12px}.composer-footer a{text-decoration:none}.composer-footer a:hover{text-decoration:underline}.site-footer{font-size:12px;color:#60758e;text-align:center;padding:5px 24px 25px}.error{padding:13px 15px;border:1px solid #e5a3a6;background:#fff0f0;color:#8f2429;border-radius:8px;font-size:15px}.notice{font-size:14px;color:#1b518c}.thinking{display:flex;gap:10px;align-items:center;margin-top:30px;color:#52657b}.spin{animation:rotate 1s linear infinite}.chalkboard{background:#123d43;color:#fbfdf5;padding:26px;border:7px solid #2b5359;border-radius:10px;box-shadow:inset 0 0 40px #09292d80}.board-label{font-size:12px;letter-spacing:2px;color:#a8dce5;margin:0 0 11px}.chalkboard h2{font-size:29px;line-height:1.2;margin:0 0 26px;color:#ffe66a}.board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.board-columns section+section{border-left:1px solid #ffffff30;padding-left:20px}.board-columns h3{font-size:17px;color:#b7ebf2;border-bottom:1px solid #b7ebf255;padding-bottom:7px;margin:0 0 13px}.board-columns ul{list-style:none;padding:0;margin:0}.board-columns li{font-size:16px;line-height:1.55;margin:12px 0;overflow-wrap:anywhere}.board-merke{font-size:17px;border:1px solid #ffe66a90;color:#ffe66a;padding:13px 16px;margin:25px 0 0;border-radius:4px}.board-dialog[data-slot=dialog-content]{max-width:calc(100vw - 38px);width:1400px;max-height:92vh;overflow:auto;padding:30px;background:#123d43;border:0;color:#fff}.board-dialog .chalkboard{border:0;box-shadow:none;padding:20px}.board-dialog .chalkboard h2{font-size:clamp(30px,4vw,60px)}.board-dialog .board-columns h3{font-size:clamp(22px,2.3vw,36px)}.board-dialog .board-columns li,.board-dialog .board-merke{font-size:clamp(19px,1.8vw,30px)}.scratch-preview{background:#eff4fb;border:1px solid #d6e0ec;border-radius:12px;padding:18px;overflow:auto;margin:20px 0}.scratch-preview h3{font-size:14px;margin:0 0 12px}.scripts{display:flex;gap:20px;align-items:start;min-width:max-content}.block-stack{display:flex;align-items:start;flex-direction:column;gap:2px}.scratch-block{border-radius:5px;padding:8px 11px;background:#4c97ff;border:1px solid #3373bc;color:white;font-size:13px;line-height:1.4;max-width:380px;white-space:normal}.scratch-block.control{background:#bd7600;border-color:#a36600}.scratch-block.looks{background:#7949bc;border-color:#663797}.scratch-block.sensing{background:#247797;border-color:#19596f}.scratch-block.variable{background:#b15c05;border-color:#914b00}.scratch-block.pen{background:#07725b;border-color:#025b46}.scratch-block.event{background:#ad7c00;border-color:#8a6200}.scratch-block.hat{border-radius:18px 18px 5px 5px;display:flex;align-items:center;gap:6px}.scratch-block>.block-stack{margin:10px 0 6px 12px;min-height:12px;border-left:3px solid #ffffff50;padding-left:8px}.download-scratch{background:#123c70;color:white;border:0;border-radius:9px;padding:12px 16px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}.download-scratch:hover{background:#1d538f}.print-only{display:none}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}
@media(max-width:1050px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:18px;padding:0 18px}.companion-panel{padding:25px 18px}.companion-heading h1{font-size:42px}.board-columns{grid-template-columns:1fr}.board-columns section+section{border-left:0;padding-left:0;border-top:1px solid #ffffff30;padding-top:10px}.learning-toolbar{padding:17px 20px}.conversation{padding:22px}.mode-tabs [data-slot=tabs-trigger]{font-size:14px;gap:5px}}
@media(max-width:730px){.site-header{min-height:77px;padding:13px 18px}.brand strong{font-size:18px}.brand small{font-size:12px}.header-label{display:none}.workspace{display:block;margin-top:16px;padding:0 14px}.companion-panel{position:relative;top:0;min-height:175px;padding:18px 20px;margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:0 12px;border-radius:16px}.companion-heading{grid-column:1;grid-row:1}.companion-heading h1{font-size:34px}.companion-heading .eyebrow{font-size:10px;margin-bottom:6px}.companion-heading>p:last-child{font-size:14px;margin-top:10px}.mascot-stage{grid-column:2;grid-row:1/3;margin:0;padding:0;border-radius:17px;align-self:start;min-width:0}.voice-status{grid-column:1;grid-row:2;justify-content:start;margin:8px 0 0;font-size:13px}.voice-controls{grid-column:1/3;padding-top:13px;margin-top:14px}.speed-setting{grid-column:1/3;margin-top:9px}.mascot-hint{display:none}.voice-error{grid-column:1/3}.learning-panel{border-radius:16px}.learning-toolbar{padding:16px;gap:10px}.class-choice{font-size:13px;gap:7px}.class-choice [data-slot=select-trigger]{font-size:13px;padding:6px 9px}.mode-tabs [data-slot=tabs-trigger]{height:63px;flex-direction:column;font-size:12px;gap:4px;padding:7px 2px}.mode-tabs [data-slot=tabs-trigger] svg{width:18px;height:18px}.conversation{padding:19px 17px;min-height:260px}.example-buttons button{font-size:13px}.welcome{padding:28px 4px}.welcome h2{font-size:25px}.welcome p{font-size:15px}.connection-note{font-size:13px}.composer{margin:0 15px}.composer-footer{padding:10px 17px 16px;font-size:11px}.answer-text h2{font-size:25px}.answer-text .intro{font-size:16px}.notebook{padding:22px 16px 18px 32px}.chalkboard{padding:18px;border-width:5px}.chalkboard h2{font-size:25px}.answer-actions button{font-size:12px}.board-dialog[data-slot=dialog-content]{padding:22px 8px;max-width:calc(100vw - 16px)}.site-footer{font-size:11px}.scratch-block{max-width:300px}.voice-error{font-size:13px}}
@media(prefers-reduced-motion:reduce){.spin,.sound-wave{animation:none}*{scroll-behavior:auto!important}}
button,input,select,textarea{font:inherit}select,input[type=search],input[type=number],input[type=text]{border:1px solid #c7d6e8;border-radius:8px;padding:7px 10px;background:#f7faff;color:#123c70;max-width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2870c4;outline-offset:3px}button{line-height:1.4}.light-button{border:1px solid #6583a7;border-radius:7px;color:white;background:transparent;padding:5px 10px}.speed-setting select{background:#1a416f;color:#fff;border-color:#6583a7;max-width:170px}.speed-setting option{background:#1a416f}.voice-controls input{accent-color:#ffdc24;width:17px;height:17px}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d6e0ec}.mode-tabs button{background:white;border:0;border-bottom:3px solid transparent;color:#52657b;padding:19px 5px;font-size:15px}.mode-tabs button[aria-selected=true]{background:#f8faff;color:#123c70;border-bottom-color:#ffcb17;font-weight:800}.secondary,.primary{border:1px solid #c8d8eb;border-radius:8px;background:#f4f8fd;color:#123c70;padding:9px 13px;font-size:14px}.primary{background:#123c70;color:white;border-color:#123c70;font-weight:700}.text-button{border:0;background:none;color:inherit;text-decoration:underline;padding:0;font-size:inherit}.material-image{margin:23px 0 15px;padding:0;border:1px solid #d6e0ec;border-radius:12px;overflow:hidden;background:#fff}.material-image button{display:block;width:100%;padding:0;border:0;background:white}.material-image img{display:block;width:100%;height:auto}.material-image figcaption{background:#f5f8fc;color:#536c86;padding:7px 12px;font-size:12px}.detail-toggle{padding:10px 13px;border:1px solid #c8d8eb;background:#f5f8fc;color:#123c70;border-radius:7px;font-size:14px}details{margin:20px 0}summary{cursor:pointer;font-weight:700;color:#235486}.answer-text table{border-collapse:collapse;width:100%}.comparison th,.comparison td{border-bottom:1px solid #d6e0ec;text-align:left}.answer-text section p{white-space:pre-line}.answer-text .question-bubble{margin-top:16px}dialog{border:0;border-radius:15px;padding:24px;max-width:min(1400px,96vw);max-height:94vh;width:1100px;background:#fff;color:#123c70;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#06213cbb}.dialog-tools{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}#viewer-content>img{width:100%;height:auto}#viewer-content .chalkboard h2{font-size:clamp(30px,4vw,56px)}#viewer-content .board-columns li{font-size:clamp(18px,1.5vw,27px)}.catalog{max-width:1282px;margin:25px auto;padding:26px;background:#fff;border:1px solid #d6e0ec;border-radius:18px}.catalog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.catalog-heading h2{margin:0 0 19px;font-size:27px}.catalog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.catalog-item{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;background:#f6f9fd;border:1px solid #d3e0ef;border-radius:10px;padding:17px;color:#123c70}.catalog-item:hover{background:#e8f2ff}.catalog-item small{font-size:12px;color:#58728e}.topic-links{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.topic-links button{border:1px solid #d2dfee;border-radius:8px;padding:9px 12px;background:#f5f9ff;color:#123c70;text-align:left;font-size:14px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.project-list button{background:#eff5fc;border:1px solid #c8daed;border-radius:9px;text-align:left;color:#123c70;padding:14px}.project-list strong{display:block}.project-list small{font-size:12px;color:#527090}.scratch-notice{font-size:14px;background:#fff8df;border:1px solid #e5d7a4;border-radius:8px;padding:12px;margin:18px 0}.scratch-preview{overflow-x:auto}.scripts{min-width:0;flex-wrap:wrap}.scratch-block{max-width:100%;overflow-wrap:anywhere}.block-stack{max-width:100%;width:fit-content}.builder{margin:25px 0;padding:18px;border:1px solid #c9dbee;border-radius:11px;background:#f5f9ff}.builder h3{margin:0 0 9px}.builder-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0}.builder-rows{display:flex;flex-direction:column;gap:8px}.builder-row{display:flex;align-items:center;gap:8px}.builder-row select{max-width:200px}.builder-row input{width:100%;min-width:0}.builder-row .secondary{flex-shrink:0}.builder label{font-size:14px}.builder-result{font-size:14px;color:#235486}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.transfer{border:1px solid #c8d8eb;border-radius:8px;padding:12px 15px;background:#f5f9ff;font-size:15px}.notebook .material-image{break-inside:avoid}.smalltalk{padding:28px 0 10px}.smalltalk h2{margin:0 0 14px}.smalltalk p{font-size:18px;line-height:1.7}.file-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.source-list{font-size:14px;padding-left:22px}.source-list li{margin:9px 0}.welcome{padding-top:30px}#voice-dot{color:#ffdc24}.mascot:focus-visible{outline-offset:-6px}.empty-note{color:#58728e;font-size:14px}.board-columns li{white-space:pre-line}.board-columns{gap:17px}.board-columns section+section{padding-left:16px}.board-columns li{font-size:15px}.mascot img{pointer-events:none}.result-error{color:#8f2429;background:#fff0f0;padding:12px;border-radius:8px}
@media(max-width:1050px){.catalog{margin:20px 18px}.catalog-list{grid-template-columns:1fr 1fr}.board-columns{grid-template-columns:1fr}.board-columns section+section{padding-left:0}.board-columns li{font-size:16px}}
@media(max-width:730px){.mode-tabs button{padding:17px 2px;font-size:12px}.catalog{margin:15px 14px;padding:17px}.catalog-list,.project-list{grid-template-columns:1fr}.catalog-heading h2{font-size:23px}.builder{padding:13px}.builder-row select{max-width:140px;font-size:13px}.builder-row .secondary{font-size:12px;padding:7px}.builder-row input{font-size:14px}.speed-setting select{max-width:65%}dialog{padding:16px}.notebook{padding:20px 16px 18px 32px}.brand strong{font-size:17px}.board-columns li{font-size:16px}}
@media print{@page{margin:14mm}body>*:not(#print-area){display:none!important}#print-area{display:block!important;color:black;font-size:12pt}#print-area .answer-text,#print-area .chalkboard,#print-area .notebook{border:0;background:white;color:black;box-shadow:none;padding:0}#print-area .chalkboard h2,#print-area .board-columns h3,#print-area .board-merke{color:black}#print-area .board-columns{grid-template-columns:repeat(3,1fr)}#print-area .board-merke{border-color:#333}#print-area .board-columns section+section{border-color:#aaa}#print-area section{break-inside:avoid}#print-area .material-image{max-width:600px;break-inside:avoid}#print-area .material-image button{display:block}#print-area .material-image figcaption,#print-area details,#print-area .answer-actions,#print-area .file-actions{display:none}#print-area h2{font-size:21pt}#print-area .merke{border-color:#333;background:white}#print-area .scratch-block{print-color-adjust:exact;-webkit-print-color-adjust:exact}#print-area img{max-height:190mm;object-fit:contain}}
.mascot{overflow:hidden;border-radius:25px;background:#fff}.mascot-video{position:absolute;width:185%;height:185%;left:-42.5%;top:-42.5%;object-fit:contain;background:#fff;pointer-events:none}.animation-button{border:1px solid #6583a7;border-radius:8px;background:#244c7a;color:white;margin-top:12px;padding:7px 10px;font-size:12px}
@media(max-width:730px){.mascot-hint{display:block;grid-column:1/3;margin:8px 0 0;text-align:left}.mascot-hint br{display:none}.animation-button{margin:0 0 0 7px;font-size:11px}.companion-panel{padding-bottom:13px}}

.mascot canvas{pointer-events:none}.speech-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;font-size:13px}.speech-options label{display:flex;align-items:center;gap:6px}.speech-options input{accent-color:#ffdc24}.speech-options button{font-size:12px;white-space:nowrap}@media(max-width:730px){.speech-options{grid-column:1/3;margin-top:12px}}
.source-gallery{border-top:1px solid #d3e1ed;margin:25px 0;padding-top:20px}.slide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.slide-grid figure{margin:0;min-width:0}.slide-grid button{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #c8d8e5;border-radius:8px;background:#eef3f7;cursor:pointer}.slide-grid img{display:block;width:100%;height:180px;object-fit:contain;background:#fff}.slide-grid figcaption{margin-top:8px;font-size:14px;color:#193e60}.slide-grid figcaption strong{display:block}.slide-grid figcaption span{display:block;color:#58738b;margin-top:4px}.teaching-archive{color:#183b56}.teaching-filters{display:flex;flex-wrap:wrap;gap:15px;margin:24px 0}.teaching-filters label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.teaching-filters select,.teaching-filters input{padding:10px;border:1px solid #aabfce;border-radius:6px;font:inherit;min-height:42px}.teaching-query{flex:1;min-width:200px}.teaching-pager{display:flex;gap:12px;margin-top:20px}.teaching-pager button:disabled{opacity:.45;cursor:default}.archive-count,.source-caption{font-size:14px;color:#577083}.slide-view>img,.slide-view>video{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:white}.slide-view .topic-links{margin:20px 0}.editorial-note{padding:16px 20px;border-left:4px solid #ce922b;background:#fff6dd;line-height:1.55}.video-tile{display:grid;place-items:center;min-height:180px;font-size:22px;color:#163f65}.composer-footer{flex-wrap:wrap;gap:10px}
@media(max-width:600px){.slide-grid{grid-template-columns:1fr}.teaching-filters{display:grid;grid-template-columns:1fr 1fr}.teaching-query{grid-column:1/-1}.slide-grid img{height:auto;max-height:240px}.composer-footer span{width:100%}}
@media print{.teaching-filters,.teaching-pager,.slide-view .file-actions{display:none!important}.slide-view>img{max-height:none}.slide-grid{break-inside:avoid}}

.brand{min-width:0}.brand-logo{display:block;width:64px;height:auto;flex-shrink:0;object-fit:contain}.brand-copy{display:block;min-width:0}.brand small{display:block;margin-top:5px;line-height:1.6}.fidi-word{white-space:nowrap}.brand small b{color:#0c2849}.header-label{flex-shrink:0}.site-footer{font-size:14px;font-weight:600}
@media(max-width:1000px){.header-label{display:none}}
@media(max-width:730px){.brand{gap:12px}.brand-logo{width:53px}.brand strong{font-size:17px;line-height:1.4}.brand small{font-size:12px;margin-top:4px}.site-footer{font-size:12px}}

/* Eigene Lernbilder behalten ihre natürliche Höhe und bleiben im Dialog scrollbar. */
.slide-view>img{max-height:none;height:auto;width:100%;object-fit:contain}.preserve-lines{overflow-wrap:anywhere}

/* Spracheingabe bleibt neben der normalen Texteingabe erreichbar. */
.composer{flex-wrap:wrap}.composer textarea{min-width:120px;flex:1 1 200px}.dictate{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:2px solid #2174a5;border-radius:12px;color:#174664;background:#e7f3fa;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;flex:0 0 auto}.dictate svg{flex:none}.dictate[data-listening="true"]{background:#a52d3d;color:#fff;border-color:#a52d3d}.dictate[data-listening="true"] svg{animation:dictation-pulse 1.3s ease-in-out infinite}.dictate:disabled{opacity:.58;cursor:default}.dictate:focus-visible{outline:3px solid #d5a400;outline-offset:3px}.dictation-panel{padding:10px 4px 0;color:#18394f}.dictation-status{font-size:14px;line-height:1.5;margin:0 0 8px}.dictation-preview{padding:10px 12px;margin:8px 0;background:#edf5fa;border-left:4px solid #2174a5;border-radius:5px;overflow-wrap:anywhere}.dictation-panel summary{font-size:13px;cursor:pointer;display:list-item}.dictation-options{padding:12px 15px;margin-top:8px;border:1px solid #c3d9e7;background:#f4f8fb;border-radius:9px}.dictation-options p{font-size:13px;line-height:1.5;margin:0 0 10px}.dictation-options label{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;margin:13px 0 7px}.dictation-options input{flex:none;margin-top:4px}.dictation-options .dictation-privacy{color:#466579;margin-left:24px}.dictation-options button{margin:4px 0 10px}.dictation-options button[hidden]{display:none}.dictation-panel [hidden]{display:none}@keyframes dictation-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.dictate[data-listening="true"] svg{animation:none}}@media(max-width:620px){.composer textarea{flex-basis:100%}.dictate{flex:1}.composer .send{min-width:52px}.dictation-options{padding:12px}}

#fidi-load-status{margin:18px 26px}#fidi-load-status[hidden]{display:none}#fidi-load-status button{display:block;margin-top:10px}.mascot video[hidden]{display:none}

.ws-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px;padding:15px;background:#e9f2fa;border-radius:14px}.ws-toolbar button,.ws-archive button{cursor:pointer}.ws-toolbar label{display:flex;align-items:center;gap:6px;font-size:13px}.ws-feedback{padding:14px;background:#e6f2eb;border-radius:9px;margin-bottom:14px}.ws-feedback:empty{display:none}.ws-solutions{padding:18px;background:#fff6d8;border-radius:12px;margin-bottom:18px}.ws-page{padding:26px;background:white;border:1px solid #cedce6;border-radius:12px;margin-bottom:22px;color:#173c57}.ws-head{display:flex;justify-content:space-between;gap:15px;border-bottom:2px solid #f2cc4c;padding-bottom:12px;margin-bottom:20px}.ws-head h2{font-size:23px;margin:7px 0}.ws-head p{margin:0;color:#4c687a}.ws-head img{flex:none;object-fit:contain}.ws-kicker{font-size:12px;font-weight:700}.ws-person{display:flex;flex-wrap:wrap;gap:13px}.ws-person label{flex:1;min-width:135px}.ws-document input:not([type=radio]),.ws-document select,.ws-document textarea{border:1px solid #7e9eb5;background:#fff;color:#173c57;border-radius:6px;padding:9px;font:inherit;max-width:100%;box-sizing:border-box}.ws-document input[aria-invalid=true],.ws-document select[aria-invalid=true]{border:2px solid #a32e43}.ws-person input{display:block;width:100%;margin-top:5px}.ws-intro{display:flex;align-items:flex-start;gap:20px}.ws-intro p{flex:1;line-height:1.6;margin-top:0}.ws-photo{width:190px;border-radius:9px;object-fit:contain}.ws-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ws-terms div{background:#edf5f9;border-radius:9px;padding:13px}.ws-terms p{font-size:14px;line-height:1.45;margin:7px 0 0}.ws-document figure{margin:18px 0}.ws-document figure>img{display:block;max-width:100%;width:100%;height:auto}.ws-document figcaption,.ws-note{font-size:12px;color:#466579;line-height:1.5}.ws-labels{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.ws-labels label{flex:1;min-width:150px}.ws-labels input{width:calc(100% - 24px)}.ws-bank{background:#fff5d4;padding:10px;border-radius:7px;font-size:14px}.ws-mc{border:1px solid #b6cad8;border-radius:9px;padding:14px;margin:20px 0}.ws-mc legend{font-weight:700;padding:5px}.ws-mc label{display:block;margin:12px 0;line-height:1.5}.ws-drop{display:block;margin:15px 0;line-height:1.5}.ws-drop select{display:block;margin-top:7px;min-width:230px}.ws-match{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ws-match label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0}.ws-match select{width:80px}.ws-match p{line-height:1.5}.ws-cloze{line-height:2.8}.ws-cloze input{width:180px;margin:3px 5px}.ws-practice{display:block;line-height:1.6}.ws-practice textarea{display:block;width:100%;margin-top:12px;resize:vertical}.ws-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ws-grid button{text-align:left;border:1px solid #b8cad9;border-radius:12px;padding:16px;background:#fff;color:#173c57}.ws-grid strong,.ws-grid small{display:block}.ws-grid small{margin:8px 0;color:#466579}.ws-filter{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ws-filter input{flex:1;min-width:180px}.mode-tabs{flex-wrap:wrap}.mode-tabs button{flex:1}.ws-standalone{font-family:Arial,Helvetica,sans-serif;background:#f2f6f9;margin:0;padding:24px;color:#173c57}.ws-standalone main{max-width:920px;margin:auto}.ws-standalone button{border:1px solid #6689a3;border-radius:7px;padding:10px 15px;color:#173c57;background:white}.ws-standalone .ws-toolbar{position:sticky;top:0;z-index:2}.ws-standalone #print-area{display:none}
@media(max-width:700px){.ws-page{padding:17px}.ws-head h2{font-size:20px}.ws-head img{width:80px;height:80px}.ws-terms{grid-template-columns:1fr}.ws-intro{display:block}.ws-photo{width:100%;max-width:300px}.ws-match,.ws-grid{grid-template-columns:1fr}.ws-standalone{padding:10px}}
@media print{@page{size:A4;margin:12mm 13mm}body,body.ws-standalone{margin:0!important;padding:0!important;background:white!important}body>*{display:none!important}body>#print-area{display:block!important}#print-area .ws-fixed-page{width:184mm;height:265.78mm;overflow:hidden;break-after:page;page-break-after:always;margin:0!important;padding:0!important}#print-area .ws-fixed-page:last-child{break-after:auto;page-break-after:auto}#print-area .ws-fixed-page>img{display:block;width:184mm;height:265.78mm;max-width:none!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Direktes Feedback; Text und Symbole ergänzen die Farben. */
.ws-document input:not([type=radio])[data-ws-state=correct],.ws-document select[data-ws-state=correct]{background:#e7f7ec;border:2px solid #168244;color:#14532d}
.ws-document input:not([type=radio])[data-ws-state=incorrect],.ws-document select[data-ws-state=incorrect]{background:#ffebee;border:2px solid #c43145;color:#831c2e}
.ws-mc[data-ws-state=correct]{border:2px solid #168244;background:#f0fbf3}.ws-mc[data-ws-state=incorrect]{border:2px solid #c43145;background:#fff5f6}
.ws-mc label[data-ws-state=correct]{padding:9px;border-radius:7px;background:#d4f2de;color:#14532d}.ws-mc label[data-ws-state=incorrect]{padding:9px;border-radius:7px;background:#ffdce2;color:#831c2e}
.ws-mc input[type=radio]{accent-color:#2479b7}.ws-mc input[data-ws-state=correct]{accent-color:#168244}.ws-mc input[data-ws-state=incorrect]{accent-color:#c43145}
.ws-input-wrap{display:inline-flex;flex-direction:column;vertical-align:middle;max-width:100%}.ws-labels .ws-input-wrap{width:calc(100% - 24px)}.ws-labels .ws-input-wrap input{width:100%}
.ws-answer-status{display:block;font-size:12px;line-height:1.35;font-weight:700;margin-top:4px}.ws-answer-status:empty{display:none}.ws-answer-status[data-ws-state=correct]{color:#14532d}.ws-answer-status[data-ws-state=incorrect]{color:#a11d35}
.ws-match label{flex-wrap:wrap}.ws-match .ws-answer-status{flex-basis:100%;text-align:right}.ws-cloze .ws-input-wrap{width:180px;margin:3px 5px}.ws-cloze .ws-input-wrap input{width:100%;margin:0}.ws-cloze .ws-answer-status{text-align:center}
.ws-feedback[data-ws-state=working]{background:#e9f2fa;color:#173c57}.ws-feedback[data-ws-state=correct]{background:#d4f2de;color:#14532d;border:2px solid #168244;font-weight:700}

/* Theorieblätter: klare Lesereihenfolge und vollständiger bebilderter Hefteintrag. */
.ws-reading{font-size:17px;line-height:1.75;max-width:75ch}.ws-reading p{margin:0 0 18px}.ws-section-title{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:22px}.ws-section-title>b{background:#2174a5;color:white;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex:none}.ws-summary-table{width:100%;border-collapse:collapse;line-height:1.6}.ws-summary-table th,.ws-summary-table td{border:1px solid #adc6d5;padding:13px;text-align:left;vertical-align:top}.ws-summary-table thead{background:#d6eaf5}.ws-summary-table tbody th{width:30%;background:#edf5fa}.ws-summary-list{padding-left:24px}.ws-summary-list li{padding:10px 12px;margin-bottom:10px;background:#edf5fa;line-height:1.6}.ws-summary-list strong,.ws-summary-list span{display:block}.ws-mindmap-center{display:block;background:#2174a5;color:white;padding:16px;text-align:center;border-radius:10px}.ws-mindmap dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 0}.ws-mindmap dl>div{padding:16px;background:#edf5fa;border-top:4px solid #2174a5;border-radius:9px}.ws-mindmap dt{font-weight:700;margin-bottom:8px}.ws-mindmap dd{margin:0;line-height:1.6}.ws-board{border:2px solid #4e8c70;background:#f3faf6;padding:22px;border-radius:12px;margin:16px 0}.ws-board h3{font-size:24px;margin:0 0 16px}.ws-board img{display:block;width:100%;height:auto;background:white}.ws-board li{line-height:1.6;margin:10px 0}.ws-takeaway{padding:16px;background:#fff2ba;border-left:5px solid #c5a236;line-height:1.6}.ws-theory h4{font-size:19px;margin:30px 0 14px}.ws-document .ws-device-photo{max-width:600px;margin:20px auto}.ws-document .ws-device-photo img{border-radius:10px}.ws-labels{display:grid;grid-template-columns:1fr 1fr}.ws-labels label{min-width:0}.ws-labels .ws-input-wrap{width:calc(100% - 32px)}.ws-theory figure figcaption{font-size:14px;margin-top:8px}.ws-theory .ws-mc legend{max-width:100%;line-height:1.5}.ws-archive .ws-grid button strong{line-height:1.4}@media(max-width:700px){.ws-mindmap dl,.ws-labels{grid-template-columns:1fr}.ws-reading{font-size:16px}.ws-summary-table th,.ws-summary-table td{padding:9px}.ws-board{padding:14px}}