:root{color-scheme:light;--ink:#18334a;--blue:#245a9f;--green:#147359;--line:#c9d9e6;--paper:#fff}
*{box-sizing:border-box}body{margin:0;background:#eef5fb;color:var(--ink);font:18px/1.55 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:18px 18px 70px}h1{font-size:30px;line-height:1.2;margin:18px 0 8px}h2{font-size:23px;margin:0}p{margin:10px 0}a,button,summary{touch-action:manipulation}a{color:var(--blue)}button,.link{font:inherit;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true],button.primary{background:var(--blue);color:white}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dc9300;outline-offset:3px}header,.controls,.timer,.block-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}header .count{margin-left:auto}.sub{color:#4f687a}.timer,details.preparation,.block,.card{margin:14px 0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.timer output{font-size:30px;font-variant-numeric:tabular-nums;min-width:105px}.timer p{flex:1}.block-head .toggle{flex:1;text-align:left;font-weight:700}.block-head .check{width:48px;padding:8px}.block-body{margin-top:12px}.block-body[hidden]{display:none}.block.done{border-color:var(--green)}.deck{padding:10px 0}.deck .picture,.picture{width:100%;aspect-ratio:3/2;border-radius:16px;background-color:#e1eaf2;background-image:url('/toe-plan/u5p3/scenes.png');background-size:400% 400%;background-repeat:no-repeat;margin:12px 0;position:relative}.picture.loading{background-image:none!important}.picture.failed{background-image:none!important;display:grid;place-items:center;border:2px dashed #ab4b38}.line{font-size:clamp(22px,3vw,31px);min-height:74px;text-align:center;padding:10px 4px}.prompt{font-size:22px;text-align:center}.status{color:#9d3c20;min-height:26px}.count{font-variant-numeric:tabular-nums}.deck header{justify-content:space-between}.preparation summary{cursor:pointer;font-weight:700;min-height:42px}.preparation ul{padding-left:24px}audio{width:100%;margin:10px 0}.mode-switch button{flex:1}.outcome{color:var(--green)}.monthly{padding:18px;background:#fff;border:2px solid var(--blue);border-radius:16px;margin:16px}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.plan-grid .card{margin:0}.notice{border-left:4px solid #b68126;padding:8px 12px;background:#fff9e9}.source-notes{font-size:15px}.flow{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.flow li{font-size:14px;background:#dfeaf6;border-radius:20px;padding:6px 10px}@media(max-width:600px){main{padding:12px 10px 50px}.plan-grid{grid-template-columns:1fr}h1{font-size:25px}.block{padding:12px}.line{min-height:86px}.controls button{flex:1}}
/* Keep the dev notice visible without covering the teaching picture. */
body>div[role=note]{position:static!important}
body[data-lesson=become] #igkLessonBack{display:none}