:root{--navy:#101e2b;--mint:#72e4c5;--ink:#153043;--muted:#627985;--line:#d9e4e9;--blue:#0078d4;--soft:#f2f7f8;font-family:Manrope,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#edf3f5}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #008976;outline-offset:3px}a{color:#087c6d;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}.header{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:16px 25px;gap:15px}.brand{color:white;font-weight:800;font-size:24px;letter-spacing:-1px;line-height:1}.brand span{display:block;color:#b7d2d7;font-size:7px;letter-spacing:2px;margin-top:5px}.header>span{font-size:11px;color:#d0e1e7}.skip{position:fixed;top:-200px;left:10px;background:var(--mint);padding:10px;z-index:100}.skip:focus{top:10px}.page{max-width:650px;margin:0 auto;padding:20px 20px 24px}.presenter .page{max-width:1050px}.slide-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:12px}.slide-meta strong{color:#157c6b}.connection.offline{color:#a05b16}h1{font-size:27px;letter-spacing:-.8px;margin-bottom:10px}.prompt{font-size:14px;color:var(--muted);margin-bottom:18px;line-height:1.6}.lesson{background:white;border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:0 12px 35px #14293b07}.presenter .lesson{max-width:670px;margin:0 auto}.visual{border-radius:11px;overflow:hidden;background:#f5f8fa;border:1px solid #d9e4ec;min-height:180px;position:relative}.visual .inside{padding:22px}.sim-tag{font-size:9px;letter-spacing:1px;color:#64808c;padding:7px 12px;border-bottom:1px solid #dce6eb;background:#f8fafb}.visual h3{font-size:18px;margin:0 0 12px}.visual p{font-size:13px;margin:0 0 12px}.visual button{min-height:40px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;border:0;border-radius:8px;padding:10px 17px;background:#147c6d;color:white;font-weight:700;font-size:12px}.btn.secondary{background:white;border:1px solid #cbdce3;color:#234c61}.btn.small{font-size:11px;min-height:36px;padding:7px 11px}.btn.wide{width:100%}.demo-hint{font-size:12px;color:#166c5d;background:#eaf8f2;border-left:3px solid #59c6a7;padding:11px 13px;margin:12px 0 0}.demo-hint:empty{display:none}.question{margin-top:20px}.question h2{font-size:17px;margin-bottom:12px}.options{display:grid;gap:8px}.option{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:12px;border:1px solid #cadbe3;border-radius:9px;background:white;color:#24485c;font-size:13px;min-height:46px}.option .letter{width:24px;height:24px;display:grid;place-items:center;background:#edf4f7;color:#537386;border-radius:5px;font-size:11px;flex-shrink:0}.option.selected{border:2px solid #238674;background:#eaf8f3;padding:11px}.option.correct{border-color:#238674;background:#e3f5ec}.option.incorrect{border-color:#d59797;background:#fff3f1}.option:disabled{opacity:1}.option.selected .letter{background:#238674;color:white}.answer-saved{color:#227967;font-size:11px;margin:10px 0 0}.reveal{margin-top:16px;padding:14px 16px;background:#e6f6ef;border:1px solid #b9dfcf;border-radius:9px;font-size:13px}.reveal strong{display:block;color:#156e5d;margin-bottom:5px}.reveal p{margin:0;font-size:12px}.listen{font-size:11px;text-align:center;color:var(--muted);margin:15px 0 0}.teacher-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:white;border:1px solid var(--line);padding:13px;border-radius:12px;margin:0 0 18px}.teacher-controls select{flex:1;min-width:160px;max-width:100%;height:40px;padding:0 10px;background:#f4f8fa;border:1px solid #cedde4;border-radius:7px;color:var(--ink);font-size:12px}.teacher-controls .nav-arrow{width:40px;min-width:40px;font-size:20px;padding:4px}.teacher-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;justify-content:center;margin:14px 0 18px}.teacher-tools span{color:var(--muted)}.teacher-help{text-align:center;font-size:11px;color:var(--muted);margin:0 0 15px}.speaker-notes{max-width:670px;margin:17px auto;color:var(--muted);font-size:12px}.speaker-notes summary{cursor:pointer;font-weight:700}.speaker-notes p{white-space:pre-line;margin-top:12px;font-size:12px;line-height:1.7}.results{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:10px;border-top:1px solid #c5e2d6}.result-chip{font-size:11px;padding:5px 8px;background:#ffffffa3;border-radius:4px}.result-chip strong{display:inline;margin:0}.teacher-response{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}.join{max-width:430px;margin:35px auto;padding:26px;background:white;border:1px solid var(--line);border-radius:15px}.join h1{font-size:31px}.join p{font-size:14px;color:var(--muted)}label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}input{width:100%;height:45px;border:1px solid #c8d8e0;border-radius:7px;padding:10px 12px;color:var(--ink);background:white;margin-bottom:15px}.join .sub{font-size:11px;margin-top:14px}.error{color:#b94242;font-size:12px;margin-top:10px}.loading{padding:60px 20px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:11px 17px;background:#123b32;color:white;border-radius:8px;box-shadow:0 8px 30px #0003;max-width:calc(100% - 28px);font-size:12px;display:none;z-index:100}#toast.show{display:block}dialog{border:1px solid #c5d8e2;border-radius:14px;max-width:calc(100% - 30px);width:420px;padding:35px;text-align:center;color:var(--ink)}dialog::backdrop{background:#071420ad}.dialog-close{position:absolute;right:10px;top:8px;background:none;border:0;font-size:24px;color:#517081}#qrcode{display:flex;justify-content:center;margin:20px 0}#qrCode{font-size:28px;letter-spacing:4px;overflow-wrap:anywhere}#qrUrl{font-size:12px;overflow-wrap:anywhere;margin:13px 0 0}.card{max-width:420px;margin:25px auto;padding:25px;border:1px solid var(--line);border-radius:12px;background:white}.auth-intro{max-width:550px;margin:25px auto;text-align:center;padding:0 20px}.auth-intro h1{font-size:30px}.auth-intro p{color:var(--muted)}.eyebrow{color:#16806d;font-size:10px;font-weight:800;letter-spacing:1.5px}.auth-card .brand img{display:none}.auth-card label{margin-top:12px}.auth-card input{margin-bottom:0}.infobubble{padding:15px;border-radius:13px;background:#e4eff8;color:#254963;max-width:95%;font-size:14px;line-height:1.6}.phone-top{font-size:10px;color:#78909d;margin-bottom:20px;display:flex;justify-content:space-between}.caller-icon{font-size:29px;background:#dfedf4;color:#3d718c;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px}.call-card{text-align:center;padding:23px 25px}.call-card h3{font-size:20px;margin:0 0 8px}.call-card blockquote{font-size:15px;line-height:1.6;margin:20px 0 5px;color:#3f5b6d}.call-label{font-size:11px;color:#758c9a}.call-buttons{display:flex;justify-content:center;gap:25px;margin-top:15px}.call-buttons span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d85454;color:white}.call-buttons span+span{background:#3a9677}.mail-top{background:#0879c7;color:white;padding:9px 13px;font-weight:700;font-size:12px}.mail-row{padding:12px 15px;border-bottom:1px solid #dce6eb;font-size:12px;overflow-wrap:anywhere}.mail-row b{font-size:12px}.mail-row small{color:#81929e;margin-right:10px}.mail-body{padding:18px 15px;font-size:14px;line-height:1.7}.mail-body p{font-size:13px}.mail-body button{margin-top:4px}.inspect{border:0;color:#125a86;background:#e5f2fa;padding:8px 10px;border-radius:5px;font-size:12px}.domain{font:11px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;background:#edf4f9;color:#174f72;border-radius:5px;padding:10px}.highlighted{background:#fff0b8;padding:2px 4px}.files{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 14px}.file{display:flex;align-items:center;flex-direction:column;gap:7px;background:white;border:1px solid #d1e0e7;border-radius:8px;padding:15px 4px;color:#39556a;font-size:10px}.file b{font-size:13px;display:grid;place-content:center;width:39px;height:46px;background:#e4edf5;border-radius:4px}.file:nth-child(1) b{color:#b84343;background:#fae8e7}.file:nth-child(3) b{color:#995b21;background:#faf0df}.file:nth-child(4) b{color:#20794f;background:#e0f3e8}.file.active{border-color:#0d8c75;background:#ecfaf4}.window-title{padding:9px 13px;display:flex;justify-content:space-between;background:#edf1f7;border-bottom:1px solid #d5dfe8;font-size:11px;color:#41576b}.excel-title{background:#21734c;color:white}.macro-bar{background:#fff4cc;padding:10px 12px;font-size:10px;display:flex;align-items:center;gap:9px;justify-content:space-between}.macro-bar button{font-size:10px;min-height:32px;background:white;border:1px solid #b9ad80;border-radius:4px;padding:5px 8px}.sheet{width:100%;border-collapse:collapse;font-size:11px;background:white}.sheet td,.sheet th{border:1px solid #e2e8e9;padding:8px;text-align:left}.sheet th{background:#eff5f1;color:#779384;font-size:10px}.win-body{padding:25px 20px}.win-line{background:white;border:1px solid #c9d6e1;padding:10px;font:11px/1.6 ui-monospace,monospace;min-height:42px;overflow-wrap:anywhere;margin:12px 0}.win-buttons{display:flex;justify-content:flex-end;gap:8px}.captcha{background:white;margin:28px auto;border:1px solid #ced7dc;padding:17px;max-width:270px;display:flex;align-items:center;gap:13px;font-size:14px;box-shadow:0 3px 8px #223b4410}.captcha-square{width:25px;height:25px;border:2px solid #95a8b3;background:#fff;flex-shrink:0}.captcha-brand{margin-left:auto;color:#4f8ea8;font-size:24px}.site-url{background:#eaf0f6;padding:9px 12px;font:10px/1.6 ui-monospace,monospace;color:#38627e;overflow-wrap:anywhere}.mock-login{padding:24px;max-width:340px;margin:auto}.ms-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;margin-bottom:18px}.ms-logo{display:grid;grid-template-columns:repeat(2,8px);gap:2px}.ms-logo i{width:8px;height:8px;background:#ed653e}.ms-logo i:nth-child(2){background:#8ebc39}.ms-logo i:nth-child(3){background:#39a3d7}.ms-logo i:nth-child(4){background:#f5c84b}.mock-field{display:block;padding:9px 0;border-bottom:1px solid #b8c9d6;margin:0 0 13px;color:#56758b;font-size:12px}.mock-login .btn{background:#0078d4;border-radius:3px;width:100%}.installer{text-align:center;padding:24px}.installer-icon{width:50px;height:50px;background:#dce8f5;color:#5580ac;border-radius:10px;display:grid;place-items:center;font-size:28px;margin:0 auto 14px}.danger-line{padding:12px;border:1px solid #e8c6bd;background:#fff2ec;color:#a25b42;border-radius:6px;font-size:12px}.usb-art{text-align:center;font-size:70px;color:#60869a;line-height:1.1;padding:15px 0}.usb-label{font-size:12px;color:#4e6e83;text-align:center}.flow{padding:22px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:155px}.flow-box{flex:1;max-width:145px;text-align:center;padding:15px 8px;border:1px solid #c6d9e3;border-radius:9px;background:white;color:#53758a;font-size:11px}.flow-box b{display:block;font-size:26px;margin-bottom:7px}.flow-arrow{color:#a7b8c4}.flow.running .flow-box:nth-child(1){animation:flowPulse 1.5s forwards}.flow.running .flow-box:nth-child(3){animation:flowPulse 1.5s 1.5s forwards}.flow.running .flow-box:nth-child(5){animation:flowPulse 1.5s 3s forwards}.flow.running .flow-arrow{animation:arrowPulse 1.5s infinite}.center-action{text-align:center;padding:0 20px 20px}.vault-top{padding:12px 16px;background:#1c725f;color:white;font-size:12px;font-weight:bold}.vault-row{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;font-size:12px;border-bottom:1px solid #dce8e5}.vault-row code{font-size:11px;color:#567d73}.vault-bottom{padding:16px}.mfa-card{padding:22px;text-align:center}.mfa-number{font-size:46px;color:#317b9c;letter-spacing:6px;font-weight:800;margin:6px 0}.recipient{display:flex;align-items:center;gap:10px;font-size:12px;padding:14px 16px;border-bottom:1px solid #dce6eb}.recipient button{background:#e2ecf6;border-radius:20px;padding:7px 12px;border:0;font-size:12px;color:#375b77}.report-form{padding:22px}.report-line{padding:8px 0;display:flex;gap:16px;border-bottom:1px solid #dce7ed;font-size:13px}.report-line b{width:45px;color:#1c846e;font-size:12px}.impact-symbols{display:flex;justify-content:space-around;gap:8px;padding:28px 16px}.impact-symbols div{text-align:center;color:#56758a;font-size:11px}.impact-symbols strong{display:block;font-size:32px;color:#1a7c69;margin-bottom:12px}.welcome-icon{width:76px;height:76px;background:#ddf6ec;color:#13816d;display:grid;place-content:center;border-radius:50%;font-size:36px;margin:0 auto 15px}.welcome-visual{text-align:center;padding:28px 22px}.welcome-visual p{font-size:14px;color:#537785;margin:0}.attacker-visual{text-align:center;padding:25px}.attacker-visual strong{font-size:45px;display:block;margin-bottom:8px}.attacker-path{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:17px;color:#537385;font-size:12px}.password-visual{padding:23px;text-align:center}.password-visual strong{font-size:30px;letter-spacing:3px;color:#2c7561;display:block}.password-visual p{font-size:12px;color:#6b8190;margin:12px 0 0}.fade-in{animation:arrive .25s ease-out}@keyframes arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes flowPulse{to{border-color:#cf8377;background:#fff0eb;color:#9b4f42}}@keyframes arrowPulse{50%{color:#da8b6d}}@media(max-width:560px){.header{padding:13px 18px}.header>span{font-size:10px}.page{padding:16px 14px 20px}.lesson{padding:17px;border-radius:12px}h1{font-size:24px}.prompt{font-size:13px;line-height:1.55;margin-bottom:14px}.visual{min-height:155px}.question{margin-top:17px}.question h2{font-size:16px}.option{font-size:12px;padding:11px;gap:9px;min-height:43px}.option.selected{padding:10px}.lesson .listen{font-size:10px}.join{margin:25px 15px;padding:23px}.teacher-controls{padding:10px;gap:6px}.teacher-controls select{min-width:130px;font-size:11px}.teacher-controls .btn{font-size:10px}.teacher-tools{gap:6px}.teacher-tools .btn{font-size:10px;padding:6px 9px}.call-card{padding:18px}.call-card blockquote{font-size:14px;margin-top:12px}.caller-icon{width:48px;height:48px;font-size:24px;margin-bottom:10px}.call-card h3{font-size:18px}.files{padding:16px 10px;gap:6px}.file{font-size:9px}.file b{width:34px;height:42px;font-size:12px}.mock-login{padding:20px}.flow{padding:20px 12px;gap:6px}.flow-box{font-size:10px;padding:13px 6px}.flow-box b{font-size:23px}.impact-symbols{padding:25px 10px}.impact-symbols strong{font-size:27px}.impact-symbols div{font-size:10px}.welcome-visual{padding:25px 18px}.reveal{font-size:12px}.auth-intro{padding:0 20px}.card{margin:20px 14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flow.running .flow-box{border-color:#cf8377;background:#fff0eb;color:#9b4f42}}

.file span{overflow-wrap:anywhere;max-width:100%}.mini-lock{padding:0 3px!important;min-height:28px!important;background:transparent;border:0;font-size:13px;vertical-align:middle}

.usb-art{padding:5px 0 13px;line-height:1}.usb-device{width:65px;margin:auto}.usb-connector{width:42px;height:27px;margin:auto;background:#becbd3;border:2px solid #a2b5c1;display:flex;justify-content:center;align-items:center;gap:7px}.usb-connector i{width:8px;height:8px;background:#5c7789;border-radius:1px}.usb-body{height:70px;background:#557c91;border:3px solid #406579;border-radius:7px 7px 20px 20px;color:white;display:grid;place-content:center;font-size:13px;letter-spacing:2px}

/* Supplied Telprom presentation template: blue, light gray and original emblem. */
:root{--navy:#0177b6;--mint:#e5f2f8;--ink:#1d1d1d;--muted:#53616c;--line:#bcdae8;--blue:#0177b6;font-family:Calibri,'Segoe UI',Arial,sans-serif;background:#f3f3f3}
.header{background:#f3f3f3;color:#0177b6;border-left:7px solid #bcdae8;border-bottom:1px solid #dce5e9;padding-top:10px;padding-bottom:10px}.header>span{color:#53616c}.brand{display:flex;align-items:center;gap:10px;color:#0177b6}.brand img{width:30px;height:33px;object-fit:contain}.brand span{color:#0177b6;font-size:8px;letter-spacing:1px;margin:0}.slide-meta strong,a{color:#0177b6}.btn{background:#0177b6}.btn.secondary{background:#e5f2f8;color:#0177b6;border-color:#bcdae8}.option:hover:not(:disabled){border-color:#0177b6}.option.selected{border-color:#0177b6;background:#e5f2f8}.password-visual{padding:17px}.password-symbol{color:#0177b6;font-size:28px;font-weight:700;letter-spacing:3px}.password-visual p{font-size:13px;color:#53616c;margin:8px 0}.password-visual small{font-size:10px;color:#53616c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#0177b6}

/* PPT v7 companion: one example, one short decision, led by the lecturer. */
body{margin:0}.page{max-width:800px}.lesson{max-width:670px;margin:auto}.slide-meta{margin-bottom:12px}.prompt{font-size:14px;margin:0 0 14px;color:#53616c}.prompt[hidden]{display:none}.visual{min-height:0;background:#fff}.visual:empty{display:none}.visual .inside{padding:20px}.question h2{line-height:1.35}.option{font-size:15px;line-height:1.35;min-height:48px}.option .letter{font-size:12px}.listen{font-size:12px}.connection{font-size:11px}.sim-tag{font-size:9px;letter-spacing:.7px}.demo-card{text-align:center;padding:24px 20px}.demo-mark{font-size:32px;line-height:1;color:#0177b6;margin-bottom:10px}.demo-card h3{font-size:21px;line-height:1.3}.demo-card p{font-size:15px;line-height:1.5;max-width:380px;margin:0 auto;color:#53616c}.demo-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:25px 15px}.demo-stats>div{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;text-align:center}.demo-stats strong{font-size:33px;color:#0177b6}.demo-stats span{font-size:13px;margin-top:4px;color:#53616c}.demo-detail{margin:13px 0}.mail-row+.demo-detail{margin:12px 15px}.mail-body{padding:16px}.mail-row,.mail-row b,.mail-body p{font-size:14px}.visual .inspect{font-size:13px}.browser-bar{padding:11px 14px;background:#edf2f6;color:#53616c;font-size:12px}.large-domain{font-size:14px;line-height:1.6;padding:14px;margin-bottom:14px;word-break:break-word}.domain-answer{padding:13px;background:#e5f2f8;border-radius:7px}.domain-answer span{display:block;font-size:11px;color:#53616c;margin-bottom:4px}.domain-answer strong{font-size:18px;overflow-wrap:anywhere;color:#0177b6}.attachment-detail{margin:0!important;padding:0 16px 17px;font-size:14px!important;line-height:1.5}.demo-files{grid-template-columns:repeat(2,1fr);padding:15px}.demo-files .file{padding:10px;gap:8px;flex-direction:row;align-items:center;text-align:left}.demo-files .file b{font-size:11px;width:37px;height:42px;flex-shrink:0}.demo-files .file span{font-size:12px}.site-brand{font-size:19px;font-weight:700;color:#0177b6;margin-bottom:20px}.mock-login h3{font-size:17px}.mock-login .mock-field{font-size:14px}.demo-outcome{border-left:3px solid #cf8377;padding:11px 13px;background:#fff3ee;border-radius:3px;text-align:left}.demo-outcome strong{display:block;font-size:15px;color:#9e4537;margin-bottom:8px}.demo-outcome p{font-size:13px;line-height:1.5;margin:8px 0 0}.demo-outcome code{font-size:12px;overflow-wrap:anywhere}.sms-demo .phone-top{font-size:13px;align-items:center}.sms-demo .phone-top b{color:#1d1d1d}.sms-demo .infobubble{font-size:15px;line-height:1.45;background:#e5f2f8}.sms-demo .btn{margin-top:12px}.demo-flow{padding:18px 18px 8px;display:grid;gap:8px}.demo-flow-step{display:flex;gap:12px;align-items:center;border:1px solid #d7e5ec;border-radius:7px;background:#f8fafb;padding:11px;color:#53616c}.demo-flow-step span{flex-shrink:0;width:25px;height:25px;display:grid;place-content:center;border-radius:50%;background:#e5f2f8;color:#0177b6;font-size:12px}.demo-flow-step strong{font-size:14px;font-weight:500}.demo-flow.is-running .demo-flow-step{animation:lectureStep .55s var(--delay) forwards}.demo-passwords{padding:18px}.demo-passwords>div{padding:10px 0 16px;border-bottom:1px solid #dce6eb}.demo-passwords>div+div{padding-top:16px}.demo-passwords span{display:block;font-size:12px;color:#53616c;margin-bottom:7px}.demo-passwords code{font-size:18px;font-weight:700;color:#0177b6;overflow-wrap:anywhere}.demo-passwords p{font-size:11px;color:#53616c;margin:12px 0 0}.vault-row{font-size:14px;flex-wrap:wrap}.vault-row code{font-size:13px}.captcha-intro{text-align:center}.captcha{margin:15px auto;min-height:75px}.win-body{padding:20px}.win-body>p{font-size:14px;line-height:1.5}.win-line{font-size:12px;min-height:50px;border-color:#78a6c4}.source-image{background:white}.source-crop{width:100%;overflow:hidden;position:relative}.source-crop img{display:block;width:100%;height:auto}.source-crop.cropped img{position:absolute;max-width:none}.source-label{font-size:10px!important;color:#53616c;padding:8px 12px;margin:0!important}.sync-status{padding:12px 16px;background:#e5f2f8;color:#075780;border:1px solid #bcdae8;border-radius:9px;margin:0 0 14px;font-size:14px;line-height:1.45}.sync-status.sync-error{background:#fff2ee;color:#983e31;border-color:#e4b8af}.sync-status .btn{margin:10px 0 0;display:flex}.teacher-controls .next-step{min-width:92px;white-space:nowrap}.teacher-controls #reveal{white-space:nowrap}.teacher-response{font-size:13px}.teacher-help{font-size:12px;line-height:1.5}.teacher-controls{position:sticky;top:8px;z-index:5;box-shadow:0 4px 12px #152e3a08}.teacher-tools #resetGuide{margin-left:auto}.speaker-notes{line-height:1.5}.btn:disabled{opacity:.5;cursor:default}.option:disabled{opacity:1}.option.correct .letter{background:#238674;color:#fff}.connection.offline{color:#b45332}.files .file.active{outline:2px solid #0177b6;outline-offset:-1px}.loading{font-size:16px}.skip:focus{z-index:200}
@keyframes lectureStep{to{background:#e5f2f8;border-color:#78aac4;color:#164d6b}}
@media(max-width:560px){.header{padding:9px 14px}.header>span{max-width:180px;text-align:right;font-size:11px}.brand span{font-size:7px}.page{padding:13px 12px 20px}.lesson{padding:16px}.lesson h1{font-size:24px;line-height:1.17;margin-bottom:13px}.slide-meta{margin-bottom:10px}.slide-meta strong{font-size:10px}.prompt{font-size:13px;line-height:1.35;margin-bottom:12px}.visual .inside{padding:15px}.question{margin-top:17px}.question h2{font-size:18px;margin-bottom:11px}.option{font-size:15px;padding:11px;min-height:48px}.option.selected{padding:10px}.lesson .listen{font-size:11px;margin-top:13px}.demo-card{padding:20px 16px}.demo-card h3{font-size:19px}.demo-card p{font-size:14px}.demo-mark{font-size:27px}.sim-tag{font-size:8px}.demo-stats{gap:9px;padding:22px 12px}.demo-stats strong{font-size:29px}.demo-stats span{font-size:12px}.mail-row,.mail-row b,.mail-body p{font-size:13px}.mail-row{padding:10px 13px}.domain{font-size:12px}.large-domain{font-size:13px}.visual .btn{font-size:13px;min-height:42px}.demo-passwords code{font-size:17px}.mock-login{padding:19px}.call-card blockquote{font-size:15px;margin:14px 0}.teacher-controls{top:4px;gap:7px}.teacher-controls select{order:-1;flex-basis:100%;width:100%;font-size:13px}.teacher-controls .btn{font-size:12px}.teacher-controls .next-step{flex:1}.teacher-controls #reveal{flex:1}.teacher-tools #resetGuide{margin-left:0}.teacher-help{font-size:12px}.sync-status{font-size:13px}.demo-files .file span{font-size:11px}.reveal{font-size:14px}.reveal p{font-size:13px}.result-chip{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-flow.is-running .demo-flow-step{animation:none;background:#e5f2f8;border-color:#78aac4;color:#164d6b}}

.demo-card>.btn{margin-top:15px}.demo-card .demo-outcome{font-size:14px;line-height:1.5;margin-bottom:0}.demo-flow .demo-flow-step strong{line-height:1.35}

/* The original mail remains fully visible without pushing the vote off-screen. */
.source-crop:not(.cropped) img{max-height:260px;object-fit:contain;background:#fff}
@media(max-width:380px){.source-crop:not(.cropped) img{max-height:230px}}

/* Separate projector and question controls; backward slides never reopen votes. */
.lecture-controller{background:#fff;border:1px solid #bcdae8;border-radius:12px;padding:17px;margin-bottom:17px;box-shadow:0 7px 22px #10374b08}.controller-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.controller-heading>strong{font-size:19px;color:#0177b6}.projection-controls,.question-controls{display:flex;align-items:center;gap:9px}.projection-controls select,.question-controls select{flex:1;min-width:0;width:100%;height:46px;border:1px solid #bcdae8;background:#f6f9fb;color:#1d1d1d;border-radius:7px;padding:0 11px;font-size:14px}.projection-controls .nav-arrow,.question-controls .nav-arrow{width:46px;min-width:46px;padding:7px;font-size:22px}.projection-controls .btn,.question-controls .btn{min-height:46px;font-size:14px;white-space:nowrap}.projection-controls .next-step{min-width:118px}.controller-position{margin:12px 0 10px;padding:10px 12px;border-radius:7px;background:#e5f2f8;color:#145b7f;font-size:14px;font-weight:700;line-height:1.4}.controller-position.position-different{background:#fff3d9;color:#785316}.follow-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#53616c}.manual-questions{margin-top:13px;border-top:1px solid #dbe7ed;padding-top:12px}.manual-questions summary{font-size:14px;font-weight:700;color:#234c61;cursor:pointer;line-height:1.4;min-height:28px}.manual-questions[open] summary{margin-bottom:12px}.control-explanation{font-size:12px;line-height:1.45;color:#53616c;margin:10px 0 0}.question-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:13px}.question-actions .btn{min-height:44px}.question-actions>span{font-size:13px;color:#53616c;margin-left:auto}.setup-summary{font-size:12px;color:#53616c;cursor:pointer;text-align:center;margin:0 0 13px}.answer-locked{font-size:12px;line-height:1.45;color:#53616c;background:#f2f5f7;border-left:3px solid #90a8b6;padding:9px 11px;margin:11px 0 0}.answer-locked strong{font-weight:700;color:#354f60}#teacher[aria-busy=true] .lecture-controller button,#teacher[aria-busy=true] .lecture-controller select{pointer-events:none;cursor:wait}.question-controls .btn{font-size:12px}.controller-heading a{white-space:nowrap}
@media(max-width:560px){.lecture-controller{padding:13px;margin-bottom:14px}.controller-heading{gap:9px}.controller-heading>strong{font-size:18px}.controller-heading .btn{font-size:12px;min-height:42px;padding:8px 10px}.projection-controls,.question-controls{flex-wrap:wrap;gap:8px}.projection-controls select,.question-controls select{order:-1;flex-basis:100%;font-size:14px}.projection-controls .next-step{flex:1}.question-controls #questionNext{flex:1}.projection-controls .btn,.question-controls .btn{min-height:48px}.controller-position{font-size:13px;padding:10px;margin-top:11px}.follow-controls{align-items:stretch;flex-direction:column;gap:8px}.follow-controls .btn{min-height:43px;font-size:13px}.manual-questions summary{font-size:13px;padding:3px 0}.question-actions{gap:8px}.question-actions .btn{flex:1;font-size:12px;min-height:46px;padding:8px 10px}.question-actions>span{flex-basis:100%;margin:0;text-align:center;font-size:12px}.control-explanation{font-size:12px}.answer-locked{font-size:12px}}

#reopenQuestion{margin-top:11px;min-height:44px;white-space:normal}#reopenDialog{text-align:left}#reopenDialog h2{font-size:22px;line-height:1.3}#reopenWarning{font-size:15px;line-height:1.6}#reopenDialog .question-actions{justify-content:flex-end}

#alignQuestion{display:block;margin:0 0 12px;min-height:44px;white-space:normal}

#headerStatus:has(.participant-avatar){display:flex;align-items:center;gap:9px;text-align:left;font-size:11px;line-height:1.35}#headerStatus strong{font-size:14px;color:#075780}.participant-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:#e5f2f8;border:1px solid #bcdae8;border-radius:50%;font-size:27px}