.si-lesson{max-width:1120px;margin:auto;color:#102d43}.si-lesson [hidden]{display:none!important}.si-lesson h1{font-size:1.25rem;margin:2px}.si-title{display:block;text-align:center;font-size:19px;color:#0757ac}.si-board{padding:4px 8px}.si-story{font-size:16px;font-weight:800;text-align:center;margin:4px}.si-plan{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800}.si-plan label{display:flex;align-items:center;gap:5px}.si-plan select{max-width:240px;font-size:15px;padding:3px}.si-plan span{font-size:14px}.si-caption{font-weight:800;text-align:center;margin:4px;min-height:24px}.si-warning{background:#fff0be!important;color:#743900!important;border-inline-start:4px solid #a55300!important;padding:4px}.si-scene{max-width:850px;margin:auto}.si-lesson .si-scene svg.mv-diagram,.si-scene svg{width:100%;height:auto!important;max-height:31svh!important;overflow:visible;display:block}.si-scene svg text{font-size:22px;font-weight:900;fill:#102d43}.si-scene svg text[fill=white]{fill:#fff}.si-scene .si-large{font-size:40px}.si-scene .si-small{font-size:16px}.si-moving{transition:transform .8s cubic-bezier(.4,0,.2,1)}.si-scene svg [role=button]{cursor:pointer}.si-scene svg [role=button]:focus{outline:3px solid #d26300}.si-work{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:4px}.si-work label,.si-work>div{display:flex;align-items:center;gap:5px}.si-work input:not([type=range]){width:65px;text-align:center;font-size:20px}.si-work input[type=range]{width:160px}.si-work button{padding:3px 9px!important;min-height:32px!important;font-weight:800!important}.si-work>span{font-weight:700;font-size:14px}.si-writing{flex-basis:100%;justify-content:center}.si-writing textarea{width:min(85%,540px);font-size:14px;max-height:50px}.si-feedback{min-height:20px;text-align:center;font-weight:800;font-size:15px;margin:3px;color:#843d00}.si-feedback.si-good{color:#00633c}.si-result{text-align:center;font-weight:900;padding:5px;border:2px solid #006641;background:#e4fff0;color:#005332;margin:4px;font-size:17px}.si-navigation{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin:5px 0}.si-lesson .si-navigation button{padding:4px 9px!important;min-height:34px!important;font-weight:800!important}.mv-experience .si-lesson .si-navigation [data-next],.mv-experience .si-lesson .si-navigation [data-auto],.mv-experience .si-lesson [data-day][aria-pressed=true]{background:#0757ac!important;color:white!important}.si-lesson button:disabled{opacity:.4!important;cursor:default!important}.si-question{border:3px solid #965000;background:#fff1c0;padding:6px;text-align:center}.si-question h2{font-size:19px;margin:3px}.si-question p{margin:4px;min-height:24px;font-weight:800}.si-choices{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.mv-experience .si-lesson .si-choices button{font-size:17px!important;font-weight:800!important;color:#102d43!important;background:white!important;border:2px solid #0757ac!important;padding:5px 8px!important}.mv-experience .si-lesson .si-choices .si-correct{background:#006641!important;color:white!important}.mv-experience .si-lesson .si-choices .si-wrong{border:3px solid #b01049!important}.si-lesson form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.si-lesson form label{display:flex;align-items:center;gap:5px}.si-asking .si-scene{max-width:540px}.si-lesson.si-asking .si-scene svg.mv-diagram{max-height:20svh!important}.si-asking .si-feedback{display:none}.mv-focus .si-lesson .si-scene svg.mv-diagram{max-height:65svh!important}.mv-focus .si-board{height:100%;display:flex;flex-direction:column;justify-content:center}.mv-focus .si-scene{width:100%}
@media(max-width:600px){.si-board{padding:3px}.si-story{font-size:14px}.si-title{font-size:17px}.si-caption{font-size:14px}.si-plan select{max-width:210px}.si-work{gap:4px}.si-work label,.si-work>div{font-size:13px}.si-work input:not([type=range]){width:46px}.si-work button{padding:3px 6px!important}.si-scene svg text{font-size:25px}.si-scene .si-small{font-size:19px}.si-result{font-size:15px}.si-navigation{gap:4px}.si-lesson .si-navigation button{padding:3px 7px!important}.si-question h2{font-size:17px}.mv-experience .si-lesson .si-choices button{font-size:15px!important}.si-work input[type=range]{width:130px}}
@media(prefers-reduced-motion:reduce){.si-lesson *{transition:none!important}}
.si-scene svg>circle{transition:opacity .45s ease}.si-lesson .si-writing textarea{resize:vertical}