/* The course activity strip stays visible while the lesson and editor scroll inside. */
.student-shell .shell{height:calc(100dvh - var(--student-nav-height));min-height:0;grid-template-rows:44px 76px minmax(0,1fr)}
.topbar{gap:14px}.course-name strong{font-size:13px}.course-name span{font-size:10px}.course-map-button{border:1px solid #cbd3c1;border-radius:6px;padding:6px 10px;background:#f7f8ed;color:#365b44;font-size:11px;font-weight:700;white-space:nowrap}.course-map-button[aria-expanded="true"]{background:#dcebd8}.progress-fill{display:block}.activity-navigation{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#f4f3e9;border-bottom:1px solid #d7dec9;min-width:0}.activity-navigation>button{flex:none;width:32px;height:45px;border:1px solid #c7d3bd;border-radius:7px;background:#fffdf6;color:#4f704a;font-size:20px}.activity-navigation>button:disabled{opacity:.3;cursor:default}.activity-strip{flex:1;display:flex;gap:7px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b5c3aa transparent;padding:2px}.activity-tab{flex:0 0 170px;min-height:51px;display:grid;grid-template-columns:27px 1fr;column-gap:7px;align-items:center;padding:6px 9px;border:1px solid #d6dccd;border-radius:7px;background:#fffdf6;color:#53654c;text-align:left;line-height:1.2}.activity-tab:hover{border-color:#91ad85}.activity-tab[aria-current]{background:#e3edd9;border-color:#6f925e;box-shadow:inset 0 -2px #6f925e}.activity-tab .activity-number{font:650 11px ui-monospace,monospace;color:#839078;grid-row:1/3}.activity-tab.complete .activity-number{color:#326b47}.activity-tab strong{font-size:11px;font-weight:700;white-space:normal}.activity-tab small{font-size:9px;color:#7b8b6b;margin-top:3px}.activity-tab[aria-current] strong{color:#34583b}.course-grid{position:relative;grid-template-columns:var(--lesson) 9px minmax(0,1fr)}.course-grid>.sidebar{display:none;position:absolute;inset:0 auto 0 0;width:310px;z-index:12;box-shadow:12px 0 30px #24332130}.course-grid.map-open>.sidebar{display:block}.lesson-pane{grid-column:1}.course-resize-divider{grid-column:2}.editor-pane{grid-column:3}.course-map-button:focus-visible,.activity-navigation button:focus-visible{outline:3px solid #b99a4f;outline-offset:-2px}
@media(max-width:820px){body.student-shell{overflow:hidden}.student-shell .shell{display:grid;height:calc(100dvh - var(--student-nav-height));grid-template-rows:44px 76px 42px minmax(0,1fr)}.topbar{position:static;height:44px}.mobile-tabs{position:static;height:42px}.course-grid{display:block;overflow:hidden;min-height:0}.course-grid>.sidebar{position:static;width:100%;height:100%;min-height:0;box-shadow:none;overflow:auto}.course-grid.map-open:not(.show-lessons)>.sidebar{display:none}.course-grid.show-lessons>.sidebar{display:block}.course-grid .lesson-pane{height:100%;min-height:0;overflow:hidden}.course-grid .editor-pane{height:100%;min-height:0}.course-map-button{display:none}.activity-navigation{padding:7px 8px;gap:5px}.activity-navigation>button{width:27px}.activity-tab{flex-basis:154px}.top-link.projects{display:block}.course-name span{display:none}.progress-wrap{display:flex;font-size:10px}.progress-wrap .progress-track{display:none}.top-link{font-size:10px;padding:6px 3px}.course-name strong{font-size:12px}}
@media(max-width:390px){.top-link.projects{display:none}}
.course-map-button,.course-name strong,.activity-tab strong,.top-link{font-size:.875rem}
.course-name span,.activity-tab small,.activity-tab .activity-number,.progress-wrap{font-size:.75rem}
.activity-tab{flex-basis:190px;min-height:55px}
@media(max-width:820px){.activity-tab{flex-basis:175px}.course-name strong,.top-link{font-size:.875rem}.progress-wrap{font-size:.75rem}}

.experiment-note{padding:9px 11px;background:#e7efdf;border:1px solid #cad7bb;border-radius:7px;color:#43663d;font-size:11px;line-height:1.5}.prediction{border:0;margin:16px 0;padding:0;min-width:0}.prediction legend{font-size:14px;font-weight:750;line-height:1.5;margin-bottom:10px}.prediction label{display:flex;align-items:start;gap:9px;padding:10px;margin:7px 0;border:1px solid #d3dbcb;border-radius:8px;font-size:12px;cursor:pointer;background:#f9faf2}.prediction input{margin-top:3px;accent-color:#436c44;flex:none}#predictionFeedback{font-size:12px;line-height:1.6;padding:10px 0}#predictionFeedback.correct{color:#276442}#predictionFeedback.retry{color:#805a30}#learningInteraction textarea{width:100%;font:13px/1.6 system-ui,sans-serif;resize:vertical;padding:11px;border:1px solid #bfceb5;border-radius:8px;background:#fffef8;color:#284130}.evidence-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}#responseStatus{font-size:11px;color:#6f7e60}.checkpoint-button{margin-top:12px;color:#fff!important;background:#356745!important;border-color:#356745!important}#understandingStatus{font-size:10px;line-height:1.5;margin-top:6px;max-width:360px}