.courseHero{display:flex;align-items:center;gap:16px;margin-bottom:20px}.courseHero h2{margin:3px 0 7px;font-size:24px}.courseHero small,.courseMeta{font-size:14px;color:#627349;line-height:1.65}.courseMeta{overflow-wrap:anywhere}.courseHero .bagSprite{flex:0 0 auto}.courseStage{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.courseStage span{border:1px solid #bca674;border-radius:20px;padding:6px 10px;font-size:14px;color:#6a6748}.courseStage .done{background:#486644;border-color:#486644;color:#fff4d0}.courseFocus{border-left:4px solid #789258;padding:14px 18px;background:#f2eacb;margin:16px 0}.courseFocus h2{font-size:20px;margin:0 0 7px}.courseFocus p{margin:8px 0 12px}.courseActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.courseActions .gamebtn{font-size:16px;min-height:64px;padding:12px;text-align:left}.courseList{display:grid;gap:12px}.courseCard{display:grid;grid-template-columns:66px minmax(0,1fr);gap:13px;align-items:center;text-align:left;padding:14px;border:2px solid #bda571;border-radius:10px;background:#fff5d8;color:#433d29;min-width:0}.courseCard strong{font-size:18px;display:block;overflow-wrap:anywhere}.courseCard small{display:block;font-size:14px;line-height:1.65;margin-top:6px;color:#667443}.courseSource{font-size:14px;border-top:1px solid #cbbb91;margin-top:22px;padding-top:12px;color:#736948;line-height:1.65}.courseSource button{font-size:14px;padding:6px 12px;background:transparent;color:#3e6248;border:1px solid #a99d76;border-radius:6px;margin-top:6px}.coursePrompt{padding:14px 17px;border:1px dashed #849766;border-radius:10px}.coursePrompt p{margin:5px 0}.coursePrompt .actions{margin-bottom:0}.courseReading{background:#e8efdd;border-left:4px solid #77925b;padding:15px 18px;margin:18px 0}.courseReading p{margin:7px 0;line-height:1.8}.courseReading h2{font-size:20px;margin:4px 0 8px}.courseToolbar{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 18px}.courseToolbar button{font-size:14px;color:#425f3d;background:#f3e9c9;border:1px solid #b6a779;border-radius:8px;padding:9px 13px}.courseToolbar [aria-pressed=true]{background:#426543;color:#fff4d1}.courseVersion{position:relative;margin:12px 0;padding:15px;border:1px solid #b9aa7c;border-left:4px solid #78915e;border-radius:6px}.courseVersion p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0;font-size:16px;line-height:1.8}.courseVersion h3{font-size:18px;margin:0 0 6px}.courseCheck{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.7;margin:18px 0}.courseCheck input{margin-top:6px;flex:0 0 auto;width:22px;height:22px;accent-color:#466840}.courseSave{font-size:14px;color:#67734a;min-height:24px}.courseEmpty{border:1px dashed #b7a877;padding:22px;font-size:17px;line-height:1.8}.courseSupport{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.courseSupport .gamebtn{font-size:15px;padding:10px 13px}.courseSupport [aria-pressed=true]{outline:2px solid #607b4d}.courseNote{padding:14px 0;border-bottom:1px solid #cebf95}.courseNote p{white-space:pre-wrap;overflow-wrap:anywhere}.courseDetails{margin:14px 0}.courseDetails summary{cursor:pointer;font-size:16px;line-height:1.6;padding:10px 0}.courseDetails .gamebtn{font-size:15px}.courseReward{padding:16px;border:2px solid #b49754;background:#faf0c7;border-radius:12px;margin:16px 0}.courseReward h2{margin-top:0;font-size:21px}.courseContextLine{font-size:14px;margin:6px 0;color:#687143}.courseField textarea{min-height:108px}.courseField input,.courseField select,.courseField textarea{font-size:16px}.courseField textarea.short{min-height:75px}.courseField:has(input[type=checkbox]){display:flex}.courseChoiceRow{display:flex;gap:8px;flex-wrap:wrap}.courseChoiceRow button{border:2px solid #b6a472;border-radius:8px;background:#fbefd0;padding:7px;color:#506342}.courseChoiceRow [aria-pressed=true]{outline:2px solid #5f7d4d}.courseBanner{font-size:14px;padding:10px 12px;border:1px solid #b5a77a;border-radius:7px;margin-bottom:14px}.courseTimeline{border-left:2px solid #a99a6b;padding-left:16px;margin:16px 0}.courseTimeline p{line-height:1.7;font-size:15px}.courseTimeline b{display:block;font-size:16px}.course-error{color:#854327;font-size:16px;line-height:1.7;min-height:24px}.courseBack{font-size:15px;border:0;background:transparent;color:#496548;padding:8px 0;margin-bottom:8px}.courseMini{font-size:14px;line-height:1.6}.courseTabs{display:flex;gap:8px;flex-wrap:wrap}.courseTabs .gamebtn{font-size:14px;padding:8px 11px}.courseStudyTitle{overflow-wrap:anywhere}
@media(max-width:600px){.courseHero{gap:12px}.courseHero h2{font-size:21px}.courseHero .bagSprite{width:72px!important;height:72px!important}.courseActions{gap:8px}.courseActions .gamebtn{min-height:60px;font-size:15px}.courseFocus{padding:13px}.courseStage{gap:5px}.courseStage span{padding:5px 8px}.courseToolbar{gap:6px}.courseCard{padding:12px;gap:10px}.courseSource{margin-top:16px}}
@media(max-width:360px){.courseActions{grid-template-columns:1fr}.courseHero h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.courseHero,.courseStage,.courseReward{animation:none;transition:none}}