.writing-help{margin-top:22px;padding:20px;border:1px solid #d5e2df;border-radius:14px;background:#fff}.writing-help h3{margin-top:0}.writing-words{padding:14px;border-radius:9px;background:#eef7f3;line-height:1.7}.writing-details{margin-top:16px;padding:15px;border:1px solid #d5e2df;border-radius:10px;background:#f7faf8}.writing-details summary{font-weight:800;color:#286d78;cursor:pointer}#lightWritingExercise p{line-height:2.3}#lightWritingExercise select{font:inherit;border:1px solid #a9bdb9;border-radius:6px;padding:5px;max-width:100%;background:white}#lightWritingExercise select.writing-correct{background:#dcf1e1;border-color:#59966c}#lightWritingExercise select.writing-incorrect{background:#ffead6;border-color:#cc8137}
#programWritingExercise p{line-height:2.3}#programWritingExercise select{font:inherit;border:1px solid #a9bdb9;border-radius:6px;padding:5px;max-width:100%;background:white}#programWritingExercise select.writing-correct{background:#dcf1e1;border-color:#59966c}#programWritingExercise select.writing-incorrect{background:#ffead6;border-color:#cc8137}#programSuccess{max-width:430px;border:1px solid #c7ddd5;border-radius:18px;padding:28px;color:#24424c;box-shadow:0 12px 45px #173b4140}#programSuccess::backdrop{background:#172e37a8}
#lightWritingExercise input,#programWritingExercise input{font:inherit;width:150px;max-width:100%;padding:5px;border:1px solid #a9bdb9;border-radius:6px;background:white}#lightWritingExercise input.writing-correct,#programWritingExercise input.writing-correct{background:#dcf1e1;border-color:#59966c}#lightWritingExercise input.writing-incorrect,#programWritingExercise input.writing-incorrect{background:#ffead6;border-color:#cc8137}.program-visual-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.program-sensor{display:flex;align-items:center;gap:8px;background:#f4faf7;border:1px solid #d3e4de;border-radius:12px;padding:10px}.program-sensor-image{min-width:0;flex:1}.program-sensor-image svg{width:100%;display:block}.program-chart{min-width:0}.program-chart canvas{display:block;width:100%;height:auto;border:1px solid #d9e7e5;border-radius:10px;margin:8px 0}.program-chart small{color:#536a71}@media(max-width:760px){.program-visual-layout{grid-template-columns:1fr}}
.program-simulation .light-adjust input[type=range]{width:30px;height:175px;writing-mode:vertical-lr;direction:rtl}.program-simulation .light-adjust label{margin:0}