:root{--navy:#163c54;--ink:#173245;--muted:#637582;--blue:#1e6079;--teal:#278078;--pale:#eaf2f3;--paper:#f6f8f9;--line:#dde5e9;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0d8d9e;outline-offset:4px}button{color:inherit}button svg,a svg{flex-shrink:0}button,.primary,.secondary,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px}button{border:0;background:none}.skip-link{position:absolute;top:-90px;left:20px;z-index:100;background:white;padding:10px}.skip-link:focus{top:12px}.header{background:var(--navy);color:white}.header-inner{max-width:1240px;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.4px}.brand small{display:block;font-size:8.5px;letter-spacing:2px;font-weight:400;margin-top:1px;color:#cadfe6}.brand-symbol{display:grid;grid-template-columns:repeat(2,12px);gap:4px}.brand-symbol i{width:12px;height:12px;border-radius:2px;background:#b9d9e0}.brand-symbol i:last-child{background:#6daba9}.header-actions{display:flex;align-items:center;gap:22px}.school{font-size:23px;font-weight:700;letter-spacing:1px}.school span{font-size:10px;font-weight:400;letter-spacing:.9px;color:#c4d8df}.identity{font-size:13px;padding-left:20px;border-left:1px solid #47667b}.login{padding:8px 14px;border:1px solid #7893a5;border-radius:6px;display:flex;gap:8px;align-items:center;text-decoration:none;font-size:13px}.logout{display:flex;color:#cce2e8}.mobile-toggle{display:none;color:white;padding:6px}.nav-wrap{border-bottom:1px solid var(--line);background:white}.nav{display:flex;max-width:1240px;padding:0 32px;margin:auto;gap:29px;min-height:63px;align-items:stretch}.nav button,.nav a{font-size:13px;white-space:nowrap;text-decoration:none;padding:18px 0;border-bottom:3px solid transparent;color:var(--muted);display:flex;align-items:center;gap:8px}.nav button.selected{color:var(--navy);border-color:var(--teal);font-weight:700}.nav .world-nav{margin-left:auto;color:var(--navy)}.container{max-width:1240px;margin:auto;padding:0 32px 65px;min-height:65vh}.breadcrumb{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:31px 0 20px;display:flex;justify-content:space-between}.breadcrumb span{letter-spacing:.2px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding:22px 0 39px}.eyebrow{display:block;color:var(--teal);font-size:10px;letter-spacing:1.7px;font-weight:700}.status-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:5px}h1,h2,h3,p{margin-top:0}h1{font-size:43px;line-height:1.2;letter-spacing:-1.5px;margin:16px 0 20px}h1 em{font-family:var(--serif);font-weight:400;color:var(--teal);letter-spacing:-1.8px}h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin-bottom:11px}h3{font-size:18px;line-height:1.35;letter-spacing:-.3px}.hero-copy>p{max-width:480px;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin:25px 0 30px}.primary{background:var(--navy);color:white;border:1px solid var(--navy);padding:12px 18px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5}.primary:hover{background:#245a73}.secondary{border:1px solid #cddadf;background:white;padding:9px 14px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.5}.secondary:hover{background:#eef5f5}.text-link{font-size:12px;text-decoration:none;font-weight:700;color:var(--blue);padding:0;justify-content:flex-start}.text-link:hover{text-decoration:underline}.hero-facts{display:flex;gap:23px;color:var(--muted);font-size:11px}.hero-facts span+span{border-left:1px solid var(--line);padding-left:23px}.hero-facts b{font-size:16px;color:var(--ink);margin-right:5px}.hero-atelier{display:block;background:#e9f0f1;border-radius:15px;text-decoration:none;overflow:hidden;position:relative;border:1px solid #dce6e8}.atelier-label{display:flex;align-items:center;gap:10px;padding:20px 23px;font-size:9px;letter-spacing:1.3px;font-weight:700}.atelier-label>svg:last-child{margin-left:auto}.atelier-grid{height:232px;position:relative;isolation:isolate;background-image:linear-gradient(transparent 95%,#dce7e8 95%),linear-gradient(90deg,transparent 95%,#dce7e8 95%);background-size:35px 35px}.atelier-grid img{position:absolute;inset:0;margin:auto;height:220px;width:220px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 10px #1b38411a)}.picture-halo{position:absolute;width:200px;height:200px;background:#d6e6e7;border-radius:50%;left:50%;top:10px;transform:translateX(-50%);z-index:-1}.floating-tag{position:absolute;background:white;border:1px solid #dee6e8;box-shadow:0 5px 17px #1f43500d;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:2}.tag-one{top:34px;left:15px}.tag-one>span{border-radius:4px;background:#edf4f3;padding:2px 5px;color:var(--teal)}.tag-two{bottom:22px;right:18px}.tag-two>svg{color:var(--teal)}.atelier-bottom{background:#f1f6f6;display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-top:1px solid #dce7e8;font-size:12px}.atelier-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.circle-arrow{border:1px solid #ccdce0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:5px 0 42px}.progress-card{background:white;border:1px solid var(--line);border-radius:10px;padding:23px 25px}.card-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.card-title h2{font-size:16px;margin:0}.icon-box{height:38px;width:38px;border-radius:8px;background:#edf4f4;color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.small-badge{font-size:10px;margin-left:auto;background:var(--paper);padding:2px 7px;border-radius:3px}.progress-card>p{color:var(--muted);font-size:13px;margin-bottom:14px}.privacy-inline{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:13px}.progress-numbers{display:flex;gap:22px;align-items:center;margin:7px 0 12px}.progress-numbers>b{font-size:31px;line-height:1}.progress-numbers>b>span{font-size:18px;color:#a8b7c0;font-weight:400}.progress-numbers p{font-size:11px;margin:0}.progress-numbers p span{color:var(--muted)}progress{appearance:none;-webkit-appearance:none;display:block;height:6px;width:100%;margin:8px 0 15px;border:none;background:#eaf0f1;border-radius:9px}progress::-webkit-progress-bar{border-radius:9px;background:#eaf0f1}progress::-webkit-progress-value{border-radius:9px;background:var(--teal)}progress::-moz-progress-bar{background:var(--teal)}.next-card{background:#eaf1f3;border:1px solid #dce7eb;border-radius:10px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.next-card h2{font-size:23px;max-width:310px;margin:12px 0 5px}.next-card p{font-size:12px;color:var(--muted);margin-bottom:15px}.duration{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.round-button{border:1px solid #b8cbd4;width:41px;height:41px;border-radius:50%;flex-shrink:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:32px 0 21px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:12px;color:var(--muted);max-width:650px;margin:9px 0 0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.module-card{background:white;border:1px solid var(--line);border-radius:10px;padding:23px 23px 15px;transition:transform .15s,border-color .15s}.module-card:hover{transform:translateY(-3px);border-color:#aac2cd}.module-card-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.module-number{font-size:11px;line-height:1;border:1px solid #cbdce1;background:#f3f7f7;border-radius:5px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--blue);font-weight:600}.module-tag{font-size:9px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase}.achieved{color:var(--teal);margin-left:auto;display:flex}.module-card h3{margin-bottom:8px;font-size:19px;min-height:51px;max-width:230px}.module-card>p{font-size:12px;color:var(--muted);min-height:39px}.module-card-bottom{border-top:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;padding-top:12px}.module-card-bottom button{background:#f1f6f6;border-radius:50%;width:34px;height:34px;color:var(--blue)}.wetrok-banner{display:flex;align-items:center;gap:22px;padding:27px 30px;margin-top:33px;border:1px solid var(--line);border-radius:10px;background:#f0f5f5}.wetrok-banner>.icon-box{width:52px;height:52px;background:white;border:1px solid var(--line)}.wetrok-banner h2{font-size:19px;margin:6px 0}.wetrok-banner p{font-size:12px;color:var(--muted);margin:0}.wetrok-banner .secondary{margin-left:auto;white-space:nowrap}.footer{max-width:1176px;border-top:1px solid var(--line);margin:auto;padding:24px 0 32px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-brand{font-size:13px;font-weight:700;color:var(--navy)}.footer p{margin:4px 0}.footer>div:last-child{text-align:right}.footer button{display:flex;gap:5px;padding:3px 0;font-size:10px;color:var(--muted);margin-left:auto}.page-intro{padding:46px 0 24px;max-width:880px}.page-intro h1{font-size:35px;margin:12px 0 15px;letter-spacing:-1px}.page-intro p{color:var(--muted);line-height:1.8;max-width:760px;font-size:14px}.learning-steps{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border:1px solid var(--line);border-radius:8px;margin:4px 0 28px;background:#eef4f5}.learning-steps>span{font-size:11px;display:flex;align-items:center;gap:9px}.learning-steps b{background:white;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--blue)}.learning-steps>svg{width:14px;color:#a6bbc4}.notice{padding:20px 23px;border:1px solid var(--line);background:white;border-radius:8px;margin:25px 0;display:flex;align-items:flex-start;gap:13px;font-size:12px;color:var(--muted)}.notice svg{color:var(--blue);flex-shrink:0;margin-top:2px}.notice p{margin:0}.notice.error{color:#973e31;background:#fff7f3}.notice.error button{text-decoration:underline}.inline-error{color:#a43c2d;font-size:13px;margin:14px 0}.load-status{font-size:11px;color:var(--muted);margin:12px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 25px}.stat{display:grid;grid-template-columns:44px 1fr;column-gap:15px;background:white;border:1px solid var(--line);border-radius:9px;padding:23px}.stat>.icon-box{grid-row:span 2;align-self:center}.stat>b{font-size:28px;line-height:1.2}.stat>span{font-size:11px;color:var(--muted);margin-top:4px}.progress-list{border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden}.progress-row{display:flex;align-items:flex-start;gap:18px;padding:25px}.progress-row+.progress-row{border-top:1px solid var(--line)}.progress-row>.module-number{margin-top:1px}.progress-detail{flex:1}.progress-detail h3{margin:0 0 9px;font-size:17px}.progress-detail p{font-size:12px;margin:7px 0 0;color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:7px}.pill{display:inline-block;font-size:9px;white-space:nowrap;padding:3px 7px;background:#eef1f4;color:#607481;border-radius:4px;line-height:1.6}.pill.green{background:#e6f2ed;color:#23664e}.teacher-note{padding:11px 13px;display:flex;gap:9px;align-items:flex-start;border-left:2px solid #8eb8c6;background:#f1f6f8;font-size:12px;margin-top:13px}.teacher-note svg{flex-shrink:0;margin-top:2px}.repeat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.repeat-card{padding:23px;border:1px solid var(--line);background:white;border-radius:8px}.repeat-card h3{font-size:17px}.repeat-card ul{font-size:12px;color:var(--muted);padding-left:18px}.repeat-card li{margin:8px 0}.repeat-card li b{font-size:10px;color:#83522e}.privacy-box{display:flex;align-items:flex-start;gap:16px;padding:26px;background:#eef3f5;border-radius:9px;margin-top:36px;font-size:12px;color:var(--muted)}.privacy-box>svg{color:var(--blue);flex-shrink:0}.privacy-box h3{font-size:15px;color:var(--ink);margin-bottom:8px}.danger{color:#934133}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.source-card{background:white;border:1px solid var(--line);border-radius:9px;padding:28px}.source-card h2{font-size:22px;margin-top:13px}.source-task{padding:15px 0 6px;font-size:13px}.source-task>b{font-size:11px}.source-task p{color:var(--muted);margin-top:7px}.source-links{display:grid;gap:8px;margin:14px 0 23px}.source-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;text-decoration:none;color:var(--blue);background:#eff5f5;padding:13px 15px;font-size:12px;border-radius:5px}.source-links a:hover{background:#e3eeee}.source-date{font-size:10px;color:var(--muted);margin-top:24px}.auth-panel{padding:50px;max-width:730px;margin:15px auto 40px;background:white;border:1px solid var(--line);border-radius:12px;text-align:center}.auth-icon{width:75px;height:75px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pale);color:var(--blue);margin:0 auto 24px}.auth-panel h2{font-size:27px}.auth-panel p{font-size:14px;color:var(--muted);margin:15px auto 24px;max-width:510px}.auth-panel small{display:block;margin-top:18px;color:var(--muted);font-size:11px}.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:20px 0 40px}.join-layout>div:first-child{padding-top:25px}.join-layout h2{margin-top:15px}.join-layout p,.join-layout ol{font-size:14px;color:var(--muted)}.join-layout li{margin:12px 0}.form-card{background:white;border:1px solid var(--line);padding:25px;border-radius:9px}label{display:block;font-size:12px;font-weight:600;margin-bottom:19px}input:not([type=radio]):not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #cbd8df;border-radius:5px;background:white;color:var(--ink);padding:10px 12px;font-size:13px;margin-top:7px}textarea{resize:vertical;min-height:90px}.checkbox-label{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:var(--muted);font-weight:400}.checkbox-label input{flex-shrink:0;margin-top:3px;accent-color:var(--teal);width:16px;height:16px}.form-card .primary{width:100%}.module-title{padding:13px 0 27px}.module-title h1{font-size:36px;margin:12px 0 10px}.module-title p{color:var(--muted);margin:0;font-size:14px}.back-link{display:flex;justify-content:flex-start;font-size:12px;color:var(--muted);padding:30px 0 18px}.module-layout{display:grid;grid-template-columns:238px 1fr;gap:35px}.module-sidebar{align-self:start;position:sticky;top:22px}.module-sidebar>.duration{margin-bottom:22px}.module-sidebar>button{display:flex;text-align:left;justify-content:flex-start;padding:16px 12px;width:100%;gap:13px;border-radius:7px;margin-bottom:7px}.module-sidebar>button>span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid #ccdae1;border-radius:50%;font-size:11px;flex-shrink:0}.module-sidebar b{display:block;font-size:12px}.module-sidebar small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.module-sidebar>button.current{background:#e6f0f1;color:var(--blue)}.module-sidebar>button.current>span{background:var(--navy);color:white;border-color:var(--navy)}.sidebar-hint{padding:20px 13px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);margin-top:23px}.sidebar-hint p{margin-top:10px;line-height:1.8}.module-body{background:white;padding:34px;border:1px solid var(--line);border-radius:11px;min-width:0}.module-body h2{font-size:23px}.goal-box{display:flex;align-items:flex-start;gap:14px;background:#eaf3f1;border-radius:7px;padding:20px}.goal-box>svg{color:var(--teal);flex-shrink:0}.goal-box b{font-size:12px;color:var(--teal)}.goal-box p{font-size:13px;margin:7px 0 0;line-height:1.8}.lesson-section{margin-bottom:30px}.lesson-section .eyebrow{margin-top:28px;margin-bottom:10px}.lesson-section>p{font-size:13px;color:var(--muted);line-height:1.8}.lesson-section .scenario{color:var(--ink);line-height:1.9;font-size:15px}.essentials{display:grid;gap:20px;margin:20px 0}.essentials>div{display:flex;align-items:flex-start;gap:15px}.essentials>div>span{font-size:11px;font-weight:700;min-width:25px;height:25px;border-radius:50%;background:#f0f4f5;display:flex;align-items:center;justify-content:center;margin-top:3px;color:var(--blue)}.essentials p{font-size:13px;line-height:1.9;margin:0;color:#4b6372}.wetrok-task{border:1px solid #d6e4e8;padding:23px;border-radius:8px;background:#f7fafa}.wetrok-task p{font-size:13px;color:var(--muted)}.wetrok-task .source-links{margin-bottom:0}.learning-help{border:1px solid var(--line);border-radius:7px;margin-top:22px;font-size:13px}.learning-help summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:14px 17px;font-size:12px;font-weight:600;color:var(--blue)}.learning-help p{padding:0 17px 15px;margin:0;color:var(--muted)}.module-next{display:flex;justify-content:flex-end;margin-top:27px}.quiz-form{display:grid;gap:22px}.question{border:1px solid var(--line);padding:20px;border-radius:8px;margin:0;min-width:0}.question legend{padding:0 7px;max-width:100%}.question legend>span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.question legend>small{display:inline-flex;align-items:center;gap:4px;margin-left:12px;font-size:9px;color:#7c603c}.question legend>b{display:block;font-size:14px;line-height:1.6;margin:7px 0 4px;font-weight:600}.question label{display:flex;align-items:flex-start;gap:11px;background:#f7f9fa;padding:13px;border:1px solid #e5ebee;border-radius:5px;margin:9px 0 0;font-size:12px;font-weight:400;line-height:1.7;cursor:pointer}.question label input{accent-color:var(--teal);margin:3px 0 0;flex-shrink:0}.question label.chosen{border-color:#7da3b3;background:#eef4f6}.question label svg{margin-left:auto;color:var(--teal);flex-shrink:0}.question.correct{border-color:#9fcbba}.question.incorrect{border-color:#d4b49a}.answer-feedback{font-size:12px;padding:13px;background:#f1f5f5;margin:16px 0 0;color:#4a6670}.check-result{background:#f4f1e9;border:1px solid #e2d5bc;padding:30px;border-radius:9px;margin-top:28px;scroll-margin-top:25px}.check-result.passed{background:#edf5ef;border-color:#c5dbce}.result-score{display:block;font-size:40px;line-height:1.2;font-weight:700;margin-bottom:14px}.result-score small{font-size:22px;font-weight:400;color:var(--muted)}.check-result h2{font-size:24px}.check-result p{font-size:13px;color:#526774}.check-result .save-note{font-size:11px;font-weight:600;margin-top:20px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.check-result .button-row{margin-top:25px}.criteria-box{background:#f2f6f6;border-radius:7px;padding:20px 23px;margin-bottom:27px}.criteria-box h3{font-size:14px}.criteria-box ul{list-style:none;padding:0;margin:0}.criteria-box li{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:12px}.criteria-box svg{color:var(--teal);flex-shrink:0}.journal-form>p{font-size:11px;color:var(--muted)}.confidence{padding:16px;border:1px solid var(--line);border-radius:6px;margin:23px 0}.confidence legend{font-size:12px;font-weight:600;padding:0 6px}.confidence label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;margin:9px 0}.confidence input{accent-color:var(--teal)}.verified-line{color:var(--teal);font-size:12px;display:flex;align-items:center;gap:8px}.teacher-setup{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:32px 0;border-bottom:1px solid var(--line);margin-bottom:37px}.teacher-setup h2{margin-top:15px}.teacher-setup p{font-size:13px;color:var(--muted)}.teacher-setup form{display:grid;gap:0}.existing-rooms{margin-top:20px}.existing-rooms>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.code-box{padding:18px;background:#edf5f1;border:1px solid #c7dcd3;border-radius:6px;margin-top:15px}.code-box small{display:block;font-size:11px;color:var(--muted)}.code-box code{display:block;overflow-wrap:anywhere;font-size:18px;letter-spacing:1px;margin:12px 0 15px;color:#235c4d;font-weight:700}.filter-label{font-size:10px;margin:0;display:flex;align-items:center;gap:7px}.filter-label select{margin:0;padding:6px 20px 6px 9px;width:150px;font-size:11px}.empty-state{text-align:center;background:white;border:1px dashed #c7d9e1;border-radius:9px;padding:40px;color:var(--muted)}.empty-state>svg{color:var(--blue)}.empty-state h3{color:var(--ink);margin:15px 0 8px}.empty-state p{font-size:13px;margin:0}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}.teacher-table{border-collapse:collapse;width:100%;text-align:left;min-width:1000px;font-size:11px}.teacher-table th,.teacher-table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.teacher-table thead th{font-size:10px;color:var(--muted);font-weight:600;background:#eef4f6;max-width:120px}.teacher-table thead th>span{display:block;font-size:9px;color:var(--blue);margin-bottom:5px}.teacher-table th>small,.teacher-table td>small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:5px}.teacher-table td>b{font-size:10px;font-weight:600;white-space:nowrap}.success-text{color:#276f54}.teacher-journals{display:grid;gap:12px}.practice-review{background:white;border:1px solid var(--line);border-radius:7px}.practice-review summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;cursor:pointer;font-size:13px}.practice-review summary small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.review-body{padding:0 22px 22px;font-size:12px}.review-body>p{white-space:pre-wrap;overflow-wrap:anywhere}.review-criteria{border:1px solid var(--line);border-radius:5px;margin:20px 0;padding:15px}.review-criteria legend{font-size:11px;font-weight:600;padding:0 5px}.review-criteria label{margin-bottom:10px}.muted{color:var(--muted);font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;border:1px solid #405f70;box-shadow:0 8px 25px #163c5422;background:var(--navy);color:white;border-radius:9px;padding:15px 18px;font-size:12px;display:flex;gap:25px;align-items:center;max-width:calc(100% - 30px)}.toast button{color:white;padding:0}.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}@media(min-width:1400px){.hero h1{font-size:47px}.hero{gap:75px}}@media(max-width:1000px){.nav{gap:17px}.nav button,.nav a{font-size:11px}.hero{gap:30px}.hero h1{font-size:36px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-facts{gap:12px}.hero-facts span+span{padding-left:12px}.module-layout{grid-template-columns:205px 1fr;gap:22px}.module-body{padding:26px}.footer{margin:0 32px}.source-card{padding:23px}.header-actions{gap:15px}.module-card h3{font-size:18px}.wetrok-banner{gap:15px;padding:24px}.section-heading{align-items:flex-start}.module-grid{gap:15px}.module-card{padding:20px}}@media(max-width:760px){.header-inner{min-height:76px;padding:15px 20px}.brand{font-size:18px;gap:11px}.brand small{font-size:7px;letter-spacing:1.4px}.brand-symbol{grid-template-columns:repeat(2,10px);gap:3px}.brand-symbol i{width:10px;height:10px}.school{font-size:17px}.school span,.identity{display:none}.header-actions{gap:14px}.login{font-size:0;padding:8px}.login svg{width:18px;height:18px}.mobile-toggle{display:flex}.nav-wrap{display:none}.nav-wrap.open{display:block}.nav{padding:8px 20px;display:grid;gap:0}.nav button,.nav a{padding:12px 5px;font-size:13px;border-bottom:0}.nav button{justify-content:flex-start}.nav .world-nav{margin:0}.container{padding:0 20px 40px}.breadcrumb{padding-top:22px;font-size:8px}.breadcrumb span{display:none}.hero{grid-template-columns:1fr;gap:25px;padding:10px 0 25px}.hero h1{font-size:38px;letter-spacing:-1.3px}.hero h1 em{letter-spacing:-1.4px}.hero-copy>p{font-size:14px}.hero-actions{margin:23px 0}.hero-facts{font-size:10px;gap:18px}.hero-facts span+span{padding-left:18px}.hero-atelier{max-width:480px;width:100%;justify-self:center}.atelier-grid{height:215px}.atelier-grid img{height:200px}.overview-grid{grid-template-columns:1fr;margin-bottom:27px;gap:14px}.progress-card{padding:22px}.next-card{padding:24px}.next-card h2{font-size:23px}.section-heading{gap:17px;margin:28px 0 20px;flex-wrap:wrap}.section-heading h2{font-size:22px}.module-grid{grid-template-columns:1fr 1fr;gap:13px}.module-card{padding:18px}.module-card h3{font-size:17px;min-height:46px}.module-card>p{font-size:11px;min-height:47px}.module-card-top{gap:8px;margin-bottom:16px}.module-tag{font-size:8px;letter-spacing:.6px}.module-number{min-width:28px;height:28px;font-size:10px}.module-card-bottom .duration{font-size:9px}.module-card-bottom button{width:28px;height:28px}.wetrok-banner{padding:22px;flex-wrap:wrap;gap:14px}.wetrok-banner>div{flex:1}.wetrok-banner>.icon-box{width:39px;height:39px}.wetrok-banner .secondary{margin-left:53px}.wetrok-banner h2{font-size:17px}.wetrok-banner p{font-size:11px}.footer{margin:0 20px;padding-top:20px;font-size:9px}.footer-brand{font-size:12px}.page-intro{padding:32px 0 18px}.page-intro h1{font-size:30px}.page-intro p{font-size:13px}.learning-steps{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px}.learning-steps>svg{display:none}.learning-steps>span{font-size:10px;gap:7px}.learning-steps b{width:22px;height:22px}.notice{padding:18px;font-size:11px}.stat-grid{gap:10px}.stat{display:flex;flex-direction:column;text-align:center;padding:17px 10px;gap:8px}.stat>.icon-box{width:30px;height:30px;align-self:center}.stat>.icon-box svg{width:18px;height:18px}.stat>b{font-size:25px}.stat>span{font-size:9px;margin:0}.progress-row{padding:20px 16px;gap:12px;flex-wrap:wrap}.progress-row>.secondary{margin-left:40px}.progress-detail{min-width:180px}.progress-detail h3{font-size:16px}.repeat-grid,.source-grid,.join-layout,.teacher-setup{grid-template-columns:1fr}.join-layout,.teacher-setup{gap:22px;padding-top:0}.source-card h2{font-size:22px}.auth-panel{padding:32px 22px}.auth-panel h2{font-size:24px}.auth-panel p{font-size:13px}.privacy-box{padding:20px;gap:12px;font-size:11px}.module-title h1{font-size:30px}.module-layout{display:flex;flex-direction:column;gap:18px}.module-sidebar{position:static;display:flex;gap:5px;width:100%;border-bottom:1px solid var(--line);padding-bottom:15px}.module-sidebar>.duration,.sidebar-hint{display:none}.module-sidebar>button{padding:10px 8px;gap:6px;width:33.33%;margin:0;align-items:flex-start}.module-sidebar>button>span{width:21px;height:21px;font-size:10px}.module-sidebar b{font-size:10px;line-height:1.5}.module-sidebar small{display:none}.module-body{padding:23px 18px}.module-body h2{font-size:21px}.goal-box{padding:17px;gap:10px}.lesson-section .scenario{font-size:14px}.essentials p{font-size:12px}.wetrok-task{padding:18px}.question{padding:15px 12px}.question legend>b{font-size:13px}.question legend>small{font-size:8px;margin-left:8px}.question label{font-size:11px;padding:11px}.check-result{padding:24px 18px}.check-result .button-row{align-items:stretch;flex-direction:column}.button-row{gap:8px}.teacher-setup h2{font-size:24px}.practice-review summary{padding:16px;font-size:12px}.practice-review summary .pill{font-size:8px}.review-body{padding:0 16px 18px}.filter-label select{width:120px}.teacher-setup .form-card{padding:20px}.source-grid{gap:16px}}@media(max-width:380px){.hero h1{font-size:33px}.header-actions{gap:8px}.school{display:none}.module-grid{grid-template-columns:1fr}.module-card h3,.module-card>p{min-height:0}.hero-facts{gap:11px}.hero-facts span+span{padding-left:11px}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:white;font-size:11pt;color:black}.header,.nav-wrap,.footer,.toast,.print-hide,.privacy-box,.repeat-grid,.section-heading .secondary,.sidebar-hint{display:none!important}.container{max-width:none;padding:0}.page-intro{padding:0 0 20px}.page-intro h1{font-size:23pt}.stat-grid{gap:10px}.stat,.progress-list{border-color:#aaa}.progress-row{break-inside:avoid;padding:15px}.progress-detail{color:black}.pill{border:1px solid #ccc;background:white!important;color:black!important}.progress-detail p{color:black}.stat{padding:15px}.progress-row>.module-number{border-color:#aaa}.progress-list{overflow:visible}.teacher-note{background:white;border-color:#777}}

.guest-access{display:flex;align-items:flex-start;gap:13px;padding:17px 20px;margin:23px 0 0;border:1px solid #c9dedd;border-radius:8px;background:#edf5f2;color:var(--ink);font-size:12px}.guest-access>svg{flex-shrink:0;margin-top:2px;color:var(--teal)}.guest-access b{font-size:13px}.guest-access p{color:#4b6666;margin:3px 0 0;font-size:11px;line-height:1.7}.optional-account{display:flex;margin-top:14px;font-size:10px;color:var(--muted)}.optional-save{border-top:1px solid var(--line);padding-top:23px;margin-top:27px}.optional-save h3{font-size:16px}.optional-save>p{font-size:12px}.optional-save .secondary{margin-top:3px}@media(max-width:760px){.guest-access{padding:15px;margin-top:18px}.guest-access p{font-size:10px}.guest-access b{font-size:12px}.guest-access>svg{width:18px}}@media print{.guest-access{display:none}}
.header-progress{color:white;font-size:12px;border:1px solid #7294a2;padding:8px 12px;border-radius:5px}.storage-card{padding:24px;border:1px solid var(--line);background:white;border-radius:9px;margin-bottom:25px}.storage-card h2{font-size:19px}.storage-card p{font-size:11px;color:var(--muted)}.storage-card .checkbox-label{font-size:12px;max-width:800px}.storage-card .button-row{padding-top:8px}.file-label{position:relative;margin:0;overflow:hidden;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0!important;padding:0!important}.footer a{font-size:10px;color:var(--muted)}.area-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.area-tabs button{border:1px solid var(--line);border-radius:20px;padding:7px 14px;font-size:12px;background:white}.area-tabs button.active{background:var(--navy);color:white}.editor-shell{max-width:1100px;padding:35px 25px;margin:auto}.editor-shell>h1{font-size:32px}.editor-grid{display:grid;grid-template-columns:220px 1fr;gap:25px;margin-top:25px}.editor-menu{display:grid;align-content:start;gap:7px}.editor-menu button{text-align:left;justify-content:flex-start;border:1px solid var(--line);border-radius:5px;padding:10px 12px;background:white;font-size:12px}.editor-menu button.selected{background:var(--navy);color:white}.editor-form{padding:25px;background:white;border:1px solid var(--line);border-radius:10px}.editor-form fieldset{border:1px solid var(--line);border-radius:6px;margin:20px 0;padding:18px}.editor-form legend{padding:0 6px;font-size:13px;font-weight:700}.editor-form textarea{min-height:100px}.editor-top{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.editor-form h2{font-size:21px}.editor-form h3{font-size:15px}.editor-form .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-form .two-fields label{margin-bottom:12px}.editor-meta{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:5px}.editor-delete{color:#993f31;font-size:11px}.editor-note{font-size:12px;color:var(--muted);max-width:850px}.editor-status{padding:15px;border:1px solid #bcd5c6;background:#edf5ef;color:#275f43;border-radius:5px;font-size:12px}@media(max-width:760px){.header-progress{display:none}.storage-card{padding:20px}.editor-grid{grid-template-columns:1fr}.editor-menu{grid-template-columns:1fr 1fr}.editor-form{padding:20px}.editor-form .two-fields{grid-template-columns:1fr}}@media print{.storage-card,.header-progress,.area-tabs{display:none}.module-sidebar{display:none}.module-layout{display:block}.module-body{border:none;padding:0}.journal-form textarea,.journal-form input{border:1px solid #aaa}}

/* SOL-Lernaufträge · Janet Richter */
.sol-banner{display:flex;align-items:center;gap:23px;padding:27px 30px;margin:0 0 28px;background:white;border:1px solid var(--line);border-radius:10px}.sol-banner>div{flex:1}.sol-banner h2{font-size:23px;margin:8px 0}.sol-banner p{font-size:12px;color:var(--muted);margin:0}.sol-banner .primary{white-space:nowrap}.sol-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sol-plan-card{border:1px solid var(--line);border-radius:10px;background:white;padding:28px}.sol-plan-card h2{font-size:26px;line-height:1.35}.sol-plan-card>p{font-size:13px;color:var(--muted);line-height:1.8}.sol-card-tag{display:inline-flex;gap:5px;align-items:center;color:var(--teal);font-size:10px;margin:0 0 15px}.sol-heading>h2{font-size:29px;line-height:1.25;margin:13px 0}.sol-heading>p{font-size:14px;line-height:1.85;color:var(--muted)}.sol-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--muted);margin:17px 0}.sol-meta>span{display:flex;align-items:center;gap:7px}.sol-print-button{font-size:11px}.sol-goals{border:1px solid var(--line);padding:22px;border-radius:8px;margin:25px 0}.sol-workspace h3{font-size:18px;line-height:1.5;margin:0 0 12px}.sol-workspace h4{font-size:14px;line-height:1.6;margin:0 0 8px}.sol-goals h3,.sol-sources h4,.sol-check-status h4{display:flex;align-items:center;gap:9px}.sol-goals h3>svg,.sol-sources h4>svg{flex-shrink:0}.sol-goals ul{padding-left:20px;margin:10px 0;line-height:1.9;font-size:13px}.sol-goals li{margin:7px 0}.sol-goals details{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.sol-goals summary{cursor:pointer;font-size:12px;font-weight:600}.sol-progress{border:1px solid #cbd8d9;background:#f3f7f6;border-radius:8px;padding:20px;margin:25px 0}.sol-progress>div{display:flex;flex-wrap:wrap;gap:6px 15px;justify-content:space-between;align-items:center}.sol-progress b{font-size:13px}.sol-progress span,.sol-progress p{font-size:11px;line-height:1.8;color:var(--muted)}.sol-progress progress{margin:15px 0 3px}.sol-progress p{margin:5px 0 0}.sol-step{border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.sol-step-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.sol-step-title>div{flex:1;min-width:0}.sol-step-title .eyebrow{font-size:9px}.sol-step-title h3{margin:5px 0 0}.sol-step-title>.duration{flex-shrink:0;margin-top:5px;font-size:10px}.sol-step-number{width:31px;height:31px;flex-shrink:0;border:1px solid #b6c8cc;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.sol-planning>label,.sol-response,.sol-next-step{display:block;font-size:12px;font-weight:600;line-height:1.7;margin:15px 0}.sol-planning>label>input,.sol-planning>label>select,.sol-response textarea,.sol-next-step input{display:block;width:100%;margin:8px 0 0;padding:11px 12px;border:1px solid #c8d3d8;border-radius:5px;background:white;color:var(--ink);font:inherit;font-weight:400;font-size:13px;line-height:1.8;min-width:0}.sol-response textarea{resize:vertical;min-height:120px}.sol-confidence{border:1px solid var(--line);border-radius:6px;padding:15px;margin:20px 0}.sol-confidence legend{font-size:12px;font-weight:600;padding:0 5px;line-height:1.7}.sol-confidence label{display:flex;gap:9px;align-items:flex-start;margin:11px 0;font-size:12px;line-height:1.8;cursor:pointer}.sol-confidence input{width:16px;height:16px;padding:0;flex-shrink:0;accent-color:var(--teal);margin:5px 0 0}.sol-checklist{display:grid;gap:8px;margin:15px 0 20px}.sol-checklist>label{display:flex;align-items:flex-start;gap:11px;margin:0;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fafbfb;font-size:12px;font-weight:400;line-height:1.8;cursor:pointer}.sol-checklist>label.is-done{background:#f0f6f3;border-color:#b9d2c4}.sol-checklist input{width:17px;height:17px;flex-shrink:0;margin:3px 0 0;accent-color:var(--teal)}.sol-checklist>label.is-done>span{color:#31594a}.sol-sources{display:grid;gap:18px;padding:20px;border:1px solid var(--line);border-radius:6px;background:#f7f9fa;margin:20px 0}.sol-sources>div+div{border-top:1px solid var(--line);padding-top:18px}.sol-sources p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.sol-sources .source-links{margin:10px 0 0}.sol-sources .text-link{margin-top:12px}.sol-photo{display:flex;gap:19px;align-items:flex-start;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:6px}.sol-photo>img{width:115px;max-height:160px;object-fit:contain;flex-shrink:0}.sol-photo p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.sol-photo .sol-photo-note{font-size:10px;margin-top:10px}.sol-check-status{padding:20px;border:1px solid var(--line);border-radius:6px;margin:20px 0}.sol-check-status p{font-size:12px;line-height:1.8;color:var(--muted)}.sol-check-status .primary{font-size:11px}.sol-finish{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.sol-finish>p{font-size:12px;color:var(--muted);line-height:1.8}.sol-print-only,.sol-print-response{display:none}.sol-print-author{font-size:10px;color:var(--muted);margin:30px 0 0}.sol-editor{margin:28px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sol-task-editor{padding:15px 0;margin:10px 0;border-bottom:1px solid var(--line)}.sol-task-editor textarea{min-height:80px}.sol-task-editor .editor-delete{margin-top:-10px}.sol-workspace input:focus-visible,.sol-workspace select:focus-visible,.sol-workspace textarea:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:1000px){.nav{gap:18px}.nav button,.nav a{font-size:11px}.sol-banner{padding:22px;gap:16px;flex-wrap:wrap}.sol-banner h2{font-size:22px}.sol-banner>.primary{margin-left:60px}}
@media(max-width:760px){.sol-plan-grid{grid-template-columns:1fr}.sol-plan-card{padding:23px}.sol-banner{gap:14px;padding:20px}.sol-banner>.icon-box{width:36px;height:36px}.sol-banner h2{font-size:20px}.sol-banner>.primary{margin-left:50px}.sol-heading>h2{font-size:24px}.sol-heading>p{font-size:13px}.module-sidebar.has-sol-sidebar{display:grid;grid-template-columns:1fr 1fr}.module-sidebar.has-sol-sidebar>button{width:auto}.sol-step-title{gap:10px}.sol-step-title h3{font-size:17px}.sol-step-title>.duration{font-size:9px}.sol-goals,.sol-sources,.sol-check-status{padding:17px}.sol-photo{padding:15px;gap:12px;flex-direction:column}.sol-photo>img{width:100px;max-height:130px}.sol-progress>div{display:block}.sol-progress span{display:block;margin-top:4px}.sol-step-number{width:26px;height:26px}.sol-workspace .source-links a{overflow-wrap:anywhere}.sol-step .eyebrow{letter-spacing:1px}}
@media print{.sol-workspace{font-size:11pt;color:black}.sol-heading>h2{font-size:21pt}.sol-heading>p,.sol-goals ul,.sol-checklist>label,.sol-sources p,.sol-photo p,.sol-finish>p{font-size:10pt;color:black}.sol-print-button,.sol-check-status button,.sol-finish button,.sol-step .learning-help,.sol-workspace .sol-planning>label,.sol-confidence>label,.sol-response,.sol-next-step,.sol-workspace .sol-photo-note,.back-link{display:none!important}.sol-print-only,.sol-print-response{display:block}.sol-print-response{margin:18px 0;font-size:10pt}.sol-print-response>p{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #aaa;min-height:55px;padding:10px;color:black;line-height:1.8}.sol-print-only{font-size:10pt}.sol-goals,.sol-progress,.sol-sources,.sol-photo,.sol-check-status,.sol-checklist>label,.sol-confidence{background:white!important;border-color:#aaa!important;color:black!important}.sol-progress p,.sol-progress span,.sol-meta,.sol-check-status p{color:black}.sol-step-title{break-after:avoid}.sol-checklist>label,.sol-print-response,.sol-photo{break-inside:avoid}.sol-step-title .duration{color:black}.sol-step{margin-top:20px;padding-top:20px}.sol-photo>img{width:70px;max-height:90px}.sol-print-author{display:block;border-top:1px solid #aaa;padding-top:10px;color:black}.sol-confidence{padding:10px}.sol-goals details:not([open]){display:none}.sol-workspace input[type=checkbox]{print-color-adjust:exact}.module-title h1{font-size:22pt}.module-title p{font-size:11pt}.sol-workspace .source-links a{font-size:10pt;color:black}.sol-banner,.sol-plan-grid{display:none}}