.interactive-deck,.interactive-deck *{box-sizing:border-box}.interactive-deck{--deck-ink:#172b4d;--deck-muted:#526581;--deck-accent:#176b87;--deck-accent-strong:#367cff;--deck-line:#176b8729;--deck-card:#ffffffd1;aspect-ratio:16/9;width:100%;min-height:min(72svh,720px);color:var(--deck-ink);border:1px solid var(--deck-line);isolation:isolate;background:linear-gradient(135deg,#e6f5ff,#f9fcff 52%,#fff1cf);border-radius:1.5rem;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #102a431f}.interactive-deck:focus-visible{outline-offset:3px;outline:3px solid #176b8761}.interactive-deck__stage{min-height:0;display:grid;overflow:hidden}.interactive-deck__slide{grid-area:1/1;min-width:0;min-height:0;padding:clamp(1.1rem,3.3vw,3rem);display:none;overflow:auto}.interactive-deck__slide.is-active{animation:.24s ease-out interactive-deck-enter;display:block}.interactive-deck__controls{border-top:1px solid var(--deck-line);background:#ffffffa3;grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(.4rem,1vw,.85rem);min-height:4.4rem;padding:.7rem clamp(.75rem,2.4vw,1.75rem);display:grid}.interactive-deck__button,.interactive-deck__fullscreen{min-height:2.75rem;color:var(--deck-accent);border:1px solid var(--deck-line);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:.85rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.9rem;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.interactive-deck__button:hover:not(:disabled),.interactive-deck__fullscreen:hover{border-color:color-mix(in oklab, var(--deck-accent) 38%, transparent);background:#f5fbff;transform:translateY(-1px)}.interactive-deck__button:disabled{opacity:.42;cursor:not-allowed}.interactive-deck__button--next{color:#fff;background:var(--deck-accent);border-color:#0000}.interactive-deck__button--next:hover{color:#fff;background:color-mix(in oklab, var(--deck-accent) 86%, #000)}.interactive-deck__fullscreen{width:2.75rem;padding:.4rem;font-size:1.4rem}.interactive-deck__middle{justify-items:center;gap:.3rem;min-width:0;display:grid}.interactive-deck__dots{justify-content:center;align-items:center;gap:.32rem;max-width:100%;padding:.2rem;display:flex;overflow-x:auto}.interactive-deck__dot{cursor:pointer;background:#176b8740;border:0;border-radius:999px;flex:none;width:.48rem;height:.48rem;padding:0;transition:width .2s,background .2s}.interactive-deck__dot.is-active{background:var(--deck-accent);width:1.25rem}.interactive-deck__hint{color:var(--deck-muted);font-size:.68rem}.interactive-deck__status{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.interactive-deck__button:focus-visible,.interactive-deck__fullscreen:focus-visible,.interactive-deck__dot:focus-visible{outline-offset:2px;outline:3px solid #176b8761}.lesson-slide__topline{color:var(--deck-accent);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:clamp(.8rem,2vw,1.4rem);font-size:.82rem;font-weight:800;display:flex}.lesson-slide__time{color:var(--deck-accent);border:1px solid var(--deck-line);white-space:nowrap;background:#ffffffb3;border-radius:999px;padding:.35rem .7rem;font-size:.75rem}.lesson-slide__content{align-content:center;gap:clamp(.75rem,2vw,1.25rem);max-width:68rem;min-height:calc(100% - 2.7rem);margin:0 auto;display:grid}.lesson-slide__content h1{text-wrap:balance;margin:0;font-size:clamp(1.8rem,4.1vw,3.8rem);line-height:1.08}.lesson-slide__content h2{text-wrap:balance;margin:0;font-size:clamp(1.3rem,2.7vw,2.15rem);line-height:1.15}.lesson-slide__content>p{max-width:58rem;color:var(--deck-muted);margin:0;font-size:clamp(.96rem,1.6vw,1.2rem);line-height:1.58}.lesson-slide__eyebrow{color:var(--deck-accent);letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:900}.lesson-slide__card{border:1px solid var(--deck-line);background:var(--deck-card);border-radius:1rem;padding:clamp(.9rem,2vw,1.35rem);box-shadow:0 .7rem 1.8rem #102a430f}.lesson-slide__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:clamp(.55rem,1.5vw,1rem);display:grid}.lesson-slide__card strong{margin-bottom:.35rem;font-size:clamp(1rem,1.6vw,1.25rem);display:block}.lesson-slide__card p{color:var(--deck-muted);margin:0;line-height:1.5}.lesson-slide__callout{color:var(--deck-accent);border-left:.28rem solid var(--deck-accent-strong);background:#ffffffad;border-radius:0 .8rem .8rem 0;padding:.8rem 1rem;font-weight:750;line-height:1.45}.lesson-slide__quiz{gap:.65rem;display:grid}.lesson-slide__quiz>strong{font-size:clamp(1.02rem,1.8vw,1.3rem)}.lesson-slide__answers{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:.55rem;display:grid}.lesson-slide__answer{min-height:2.8rem;color:var(--deck-ink);border:1px solid var(--deck-line);font:inherit;cursor:pointer;background:#fff;border-radius:.8rem;padding:.65rem .8rem;font-weight:750;transition:transform .16s,border-color .16s,background .16s}.lesson-slide__answer:hover{border-color:var(--deck-accent-strong);transform:translateY(-1px)}.lesson-slide__answer.is-selected{border-color:var(--deck-accent-strong);background:color-mix(in oklab, var(--deck-accent-strong) 9%, #fff)}.lesson-slide__answer.is-correct{background:#e3f8ef;border-color:#0c9c73}.lesson-slide__feedback{color:#b45309;min-height:1.35rem;margin:0;font-size:.9rem;font-weight:750}.lesson-slide__feedback.is-correct{color:#087a59}.lesson-slide__quiz:focus-within{outline:none}.interactive-deck:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;max-width:none;height:100vh;min-height:0}.interactive-deck:fullscreen .interactive-deck__slide{padding:clamp(2rem,5vw,5rem)}@keyframes interactive-deck-enter{0%{opacity:.55;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (width<=48rem){.interactive-deck{aspect-ratio:auto;border-radius:1.1rem;grid-template-rows:minmax(24rem,1fr) auto;min-height:min(74svh,52rem)}.interactive-deck__controls{grid-template-columns:auto 1fr auto}.interactive-deck__fullscreen,.interactive-deck__hint{display:none}.interactive-deck__slide{padding:1.1rem}}@media (prefers-reduced-motion:reduce){.interactive-deck *,.interactive-deck :before,.interactive-deck :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html:is([data-theme=business],[data-theme=dark]) .interactive-deck{--deck-ink:var(--color-base-content,#f2f5f8);--deck-muted:color-mix(in oklab, var(--color-base-content,#f2f5f8) 72%, transparent);--deck-line:color-mix(in oklab, var(--deck-accent) 34%, transparent);--deck-card:color-mix(in oklab, var(--color-base-200,#272c32) 88%, var(--deck-accent));color:var(--deck-ink);border-color:var(--deck-line);background:linear-gradient(135deg, color-mix(in oklab, var(--color-base-200,#272c32) 92%, var(--deck-accent)), var(--color-base-100,#1f2328) 58%, color-mix(in oklab, var(--color-base-200,#272c32) 92%, #d69b47))}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .interactive-deck__slide{color:var(--deck-ink);background:linear-gradient(135deg, color-mix(in oklab, var(--color-base-200,#272c32) 96%, var(--deck-accent)), var(--color-base-100,#1f2328) 58%, color-mix(in oklab, var(--color-base-200,#272c32) 96%, #d69b47))}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .interactive-deck__controls{border-color:var(--deck-line);background:color-mix(in oklab, var(--color-base-200,#272c32) 88%, transparent)}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .interactive-deck__button:not(.interactive-deck__button--next),html:is([data-theme=business],[data-theme=dark]) .interactive-deck .interactive-deck__fullscreen,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__card,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__callout,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__time,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__answer,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .math-badges span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .number-track span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-badges span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .weather-badges span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .command-compare article,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .sequence-track span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .loop-visual__steps span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-builder__program,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-builder__commands button,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .safety-map,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .debug-steps article,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .shopping-list>span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .shopping-list>b,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .estimate-visual span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .estimate-visual strong,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .crayon-boxes>span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .math-finish__mark,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .weather-finish__icon,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .forecast-steps span{color:var(--deck-ink);border-color:var(--deck-line);background:var(--deck-card)}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__content>p,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__card p,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .command-compare article>p,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .debug-steps article>p,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-builder__feedback,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .weather-card p,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .forecast-steps small{color:var(--deck-muted)}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .math-badges span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .number-track span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .shopping-list>b,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-badges span,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-builder__commands button,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .weather-badges span{color:var(--deck-ink)}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-board{border-color:var(--deck-accent-strong);background:color-mix(in oklab, var(--color-base-200,#272c32) 75%, var(--deck-accent))}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-board__cell{color:var(--deck-ink);border-color:var(--deck-line);background:var(--color-base-100,#1f2328)}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-board__cell.is-start{background:color-mix(in oklab, #2c9c70 30%, var(--color-base-200,#272c32))}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-board__cell.is-obstacle{background:color-mix(in oklab, #d9534f 30%, var(--color-base-200,#272c32))}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-board__cell.is-goal{background:color-mix(in oklab, #d3a32d 30%, var(--color-base-200,#272c32))}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__eyebrow,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__topline,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__time,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .lesson-slide__callout,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .shopping-list>b,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .number-track span.number-track__question{color:var(--deck-accent-strong)}html:is([data-theme=business],[data-theme=dark]) .interactive-deck .robot-builder__run,html:is([data-theme=business],[data-theme=dark]) .interactive-deck .interactive-deck__button--next{color:var(--color-primary-content,#fff);border-color:var(--deck-accent);background:var(--deck-accent)}
