#autopilot{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#f7f8f4;color:#17333b;overflow:auto}
#autopilot::backdrop{background:#17333b}
#autopilot .autopilot-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0;padding:14px 24px;background:#fff;border-bottom:3px solid #c5a65b}
#autopilot-heading{font-size:24px}#autopilot-progress{font-size:16px;color:#526268}
#autopilot .autopilot-controls{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
#autopilot button{font-size:16px;padding:9px 15px;border:1px solid #b7c9c4;border-radius:8px;background:#e7f0ed;color:#17333b;cursor:pointer;box-shadow:0 2px 0 #bacbc5}
#autopilot button:hover{background:#d6e9e3}#autopilot button:focus-visible{outline:3px solid #a87d20;outline-offset:3px}
#autopilot button:disabled{opacity:.45;cursor:default}#autopilot [hidden]{display:none!important}
.autopilot-status{display:flex;justify-content:space-between;gap:12px;padding:14px 28px;background:#f2ead4;font-size:18px;font-weight:650}
#autopilot-content{max-width:1150px;margin:0 auto;padding:26px 32px 50px}#autopilot-title{font-size:clamp(30px,3.3vw,52px);line-height:1.15;margin:0 0 24px}
#autopilot-text{font-size:clamp(23px,2.3vw,36px);line-height:1.5}#autopilot-text p{margin:0 0 22px}#autopilot-text ul{padding-left:1.3em}#autopilot-text li{margin:0 0 18px}
#autopilot-text .autopilot-options{list-style:none;padding:0}#autopilot-text .autopilot-options li{background:#fff;border:2px solid #d7dfdb;padding:16px;border-radius:12px}
#autopilot-text .autopilot-answer{background:#e0f2df;border:2px solid #67a56b;border-radius:16px;padding:24px}#autopilot-text .autopilot-answer strong{display:block;color:#236a30;font-size:1.12em;margin-bottom:12px}
#autopilot-media img{display:block;max-width:100%;max-height:55vh;margin:24px auto;object-fit:contain}#autopilot-media iframe{display:block;width:100%;aspect-ratio:16/9;min-height:220px;border:0;margin-top:20px}
#autopilot-notice{position:sticky;bottom:0;padding:16px 28px;background:#f2ead4;font-size:20px;margin:0;border-top:1px solid #c5a65b}
body.autopilot-running{overflow:hidden}
@media(max-width:650px){#autopilot .autopilot-toolbar{padding:10px 14px;gap:10px}#autopilot .autopilot-controls{margin-left:0}#autopilot-content{padding:24px 18px}.autopilot-status{padding:12px 18px;font-size:16px}#autopilot button{font-size:14px;padding:8px 10px}}

/* Dedicated automatic-learning colour, independent of general toolbar decoration. */
#teacher-autopilot,#student-autopilot,#quiz-autopilot,#flash-autopilot{background:#b9df4d!important;color:#21330d!important;border:2px solid #74942b!important;box-shadow:0 2px 0 #74942b!important;border-radius:9px!important;font-weight:750!important}
#teacher-autopilot:hover:not(:disabled),#student-autopilot:hover:not(:disabled),#quiz-autopilot:hover:not(:disabled),#flash-autopilot:hover:not(:disabled){background:#c9ec66!important;color:#21330d!important}
#teacher-autopilot:focus-visible,#student-autopilot:focus-visible,#quiz-autopilot:focus-visible,#flash-autopilot:focus-visible{outline:3px solid #56731c!important;outline-offset:3px}

#autopilot button[hidden]{display:none!important}

#autopilot-video-option{display:inline-flex;align-items:center;gap:8px;font-size:16px;cursor:pointer;padding:8px 0}#autopilot-include-videos{width:20px;height:20px;margin:0;accent-color:#56731c}

#autopilot-explanation{margin:0;padding:10px 28px;font-size:16px;line-height:1.45;color:#526268;background:#fff}
@media(max-width:650px){#autopilot-explanation{padding:8px 18px;font-size:15px}}

#autopilot .autopilot-toolbar{justify-content:flex-start}#autopilot .autopilot-controls{margin-left:0;margin-right:0;justify-content:flex-start}