/* Lesson 1 additions; shared course visual language remains intact. */
.theory-supports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.theory-support{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 16px!important;text-align:center;min-height:180px;background:#e0f0e8!important;color:#1c5a50!important;border-color:#71a697!important}.theory-support .visual-icon{width:44px;height:44px}.theory-support strong{font-size:25px}.theory-support span{font-size:15px}.theory-support em{font-style:normal;font-size:12px;color:#52756a}.theory-support.support-missing{background:#f5e9dd!important;border:2px dashed #c18c50!important;color:#865e31!important}.theory-converge{text-align:center;font-size:34px;color:#7b9f9c;line-height:1.1;margin:10px}.theory-result{background:#dceee7;border-left:4px solid #338b78;color:#1d5a4f;padding:16px 20px;border-radius:8px;font-size:18px;margin-top:20px;line-height:1.7}.theory-result.attention{background:#f8e9d8;border-color:#bc8548;color:#79542b}.theory-result p{margin:6px 0 0}.theory-feedback{margin:8px auto 16px;padding:10px 16px;border:1px dashed #649a8d;border-radius:8px;color:#386f61;text-align:center;font-size:16px;max-width:520px}.theory-weight-board{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:12px;border-radius:12px;background:#e4eaf0;padding:18px;color:#284b60}.theory-weight-board strong{width:100%;text-align:center;font-size:15px}.theory-weight-board span{padding:7px 15px;background:#fff;border-radius:6px;font-size:15px}.theory-sample-plot{display:block;width:min(100%,740px);height:auto;margin:12px auto;background:#fff;border:1px solid #c4d9d8;border-radius:12px}.theory-detail{margin-top:18px;border-top:1px solid #bccfce;padding-top:14px;color:#335e64}.theory-detail summary{cursor:pointer;min-height:34px;font-size:16px}.theory-detail .visual-flow{margin-top:16px}.theory-process .visual-node,.theory-train-flow .visual-node,.theory-model-flow .visual-node{min-height:145px}.large-text .theory-support span,.large-text .theory-detail summary{font-size:18px}.large-text .theory-result{font-size:21px}
@media(min-width:801px){.visual-kind-elements .theory-support{min-height:140px;padding:11px 14px!important;gap:6px}.visual-kind-elements .theory-support .visual-icon{width:30px;height:30px}.visual-kind-elements .theory-support strong{font-size:25px;line-height:1.2}.visual-kind-elements .theory-support span{font-size:15px;line-height:1.4}.visual-kind-elements .theory-support em{line-height:1.2}.visual-kind-elements .theory-converge{font-size:25px;line-height:1;margin:4px}.visual-kind-elements .theory-process{margin-top:6px;gap:12px}.visual-kind-elements .theory-process .visual-node,.visual-kind-trainUse .theory-train-flow .visual-node{min-height:95px;padding:8px 12px;gap:4px}.visual-kind-elements .theory-process .visual-node .visual-icon,.visual-kind-trainUse .theory-train-flow .visual-node .visual-icon{width:24px;height:24px}.visual-kind-elements .theory-process .visual-node strong,.visual-kind-trainUse .theory-train-flow .visual-node strong{font-size:20px;line-height:1.2}.visual-kind-elements .theory-process .visual-node span,.visual-kind-trainUse .theory-train-flow .visual-node span{font-size:15px;line-height:1.4}.visual-kind-elements .theory-result{padding:9px 16px;margin-top:10px;line-height:1.5}.visual-kind-trainUse .theory-feedback{padding:7px 14px;margin:8px auto 10px}.visual-kind-trainUse .theory-weight-board{padding:12px;gap:8px}.visual-kind-trainUse .theory-train-flow{margin-top:12px}}
@media(max-width:800px){.theory-supports{gap:10px}.theory-support{padding:18px 10px!important;min-height:165px}.theory-support strong{font-size:21px}.theory-support span{font-size:13px}.theory-result{font-size:16px;padding:13px 15px}.theory-feedback{font-size:14px}}
@media(max-width:540px){.theory-supports{grid-template-columns:1fr;gap:9px}.theory-support{display:grid;grid-template-columns:42px 1fr;text-align:left;align-items:center;gap:5px 12px;min-height:0;padding:13px!important}.theory-support .visual-icon{grid-row:1/4;width:34px;height:34px}.theory-support strong{font-size:20px}.theory-support span{font-size:13px}.theory-support em{font-size:11px}.theory-result{font-size:15px;margin-top:14px}.theory-weight-board{padding:12px;gap:7px}.theory-weight-board span{font-size:12px;padding:6px 8px}.theory-process .visual-node,.theory-train-flow .visual-node,.theory-model-flow .visual-node{min-height:0}.theory-sample-plot{margin-top:8px}.theory-detail summary{font-size:14px}}