.learning{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:860px;margin:20px auto 80px;padding:0 20px;color:#23392e;line-height:1.6}.learning *{box-sizing:border-box}.learning [hidden]{display:none!important}.learning h1{font-size:clamp(28px,5vw,38px);line-height:1.2;margin:8px 0}.learning h2{line-height:1.3}.learning .eyebrow{font-size:12px;letter-spacing:.1em;color:#315d7b;font-weight:700}.learning .muted,#saveStatus{color:#4a5c52;font-size:14px}.learning button,.learning select,.learning textarea{font:inherit}.learning button{min-height:46px;padding:10px 16px;border:1px solid #b8cabd;border-radius:13px;background:#fffdf7;color:#244332;cursor:pointer}.learning button:hover{background:#edf4ef}.learning button:disabled{opacity:.55;cursor:default}.learning button:focus-visible,.learning summary:focus-visible,.learning textarea:focus-visible,.learning select:focus-visible{outline:3px solid #2b79ab;outline-offset:3px}.subjects,.courseCards,.lessonNav{display:flex;gap:12px;flex-wrap:wrap}.subjects{margin:24px 0}.subjects button[aria-pressed=true],.learning .primary{background:#335b44;color:white}.courseCards>button{flex:1 1 220px;text-align:left;padding:20px}.courseCards strong{display:block;font-size:20px}.courseCards span{display:block;color:#4a5c52}.courseCards button[aria-pressed=true]{border:2px solid #335b44;background:#edf4ef}.learning details{border:1px solid #d3dcd2;border-radius:14px;padding:14px 18px;margin:18px 0}.learning summary{cursor:pointer;font-weight:650}.learning .parentGuide{font-size:14px}.lessonGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.lessonGrid button{text-align:left;font-size:13px}.lessonGrid button[aria-current=step]{border:2px solid #335b44}.lessonGrid small{display:block}.courseHeading{margin-top:30px}#lesson{margin-top:20px;scroll-margin-top:100px}.learnNote{padding:18px;border-radius:16px;background:#eef4ed;margin:16px 0}.example{background:#edf3f8}.question{border:1px solid #d5dcd2;background:#fffdf8;border-radius:16px;padding:20px;margin:16px 0}.question label{display:block;font-weight:650}.question textarea{display:block;width:100%;resize:vertical;min-height:86px;margin:12px 0;padding:12px;border:1px solid #9daf9f;border-radius:10px;background:white;color:#213829;font-size:16px}.question .answer{padding:14px;background:#edf3f8;border-radius:10px;white-space:pre-wrap}.question select{display:block;width:100%;padding:12px;margin-top:10px;border:1px solid #9daf9f;background:white;color:#213829;border-radius:10px;font-size:16px}.lessonNav{justify-content:space-between;margin-top:24px}.reviewResult{background:#edf4ef;border-radius:12px;padding:14px}.learning .saveError{color:#922d24!important;font-weight:650}@media(max-width:500px){.learning{padding:0 16px}.lessonGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.question{padding:16px}.lessonNav button{flex:1} }@media print{.subjects,.courseCards,.lessonNav,.parentGuide,#lessonList,#saveStatus,.question button{display:none!important}.learning{max-width:none;margin:0}.question{break-inside:avoid}}

.learning .gradeLabel{display:block;font-weight:650;margin-top:24px}.learning #gradeSelect{display:block;width:100%;min-height:50px;padding:12px;border:1px solid #9daf9f;border-radius:12px;background:white;color:#213829;font-size:16px}.learning #mathAvailability{padding:20px;background:#edf3f8;border-radius:14px}
.learning #childSelect{display:block;width:100%;min-height:50px;padding:12px;border:1px solid #9daf9f;border-radius:12px;background:white;color:#213829;font-size:16px}.learning .submittedAnswer{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef4ed;padding:14px;border-radius:12px}.learning .question button{margin:4px 6px 4px 0}.learning #reviewQueue button{display:block;margin:8px 0}.learning .learnNote p{white-space:pre-wrap}.learning select{max-width:100%}

.workedExample{border:1px solid #cbd8cd;border-radius:18px;padding:20px;margin:16px 0;background:#fffdf8}.workedExample li{margin:.7em 0;line-height:1.6}.learningAudioControls{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 24px));box-sizing:border-box;z-index:100;background:#f1f7f0;border:2px solid #385e45;border-radius:18px;padding:10px;box-shadow:0 4px 22px #0002;display:flex;gap:8px;flex-wrap:wrap}.learningAudioControls[hidden]{display:none}.learningAudioControls button{flex:1;padding:10px;font-size:16px}.learningAudioControls p{width:100%;margin:0;font-size:14px}.learning{padding-bottom:180px}

.learningVisual{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.learningObjectGroup{border:2px solid #b7cbbd;border-radius:16px;padding:16px;min-width:120px}.learningCounters{display:flex;flex-wrap:wrap;gap:12px;max-width:230px;min-height:44px;margin-top:12px}.learningCounter{width:28px;height:28px;background:#315d45;border:2px solid #173a29;border-radius:50%;display:inline-block}.learningChoices{border:0;padding:0;min-width:0}.learningChoices legend{font-size:1.1rem;font-weight:600;margin-bottom:12px}.learningChoices label{display:flex;gap:12px;align-items:center;min-height:52px;border:1px solid #c8d5c9;border-radius:14px;padding:10px 14px;margin:8px 0;cursor:pointer}.learningChoices input[type="radio"]{width:24px;height:24px;flex:0 0 auto}.learningChoices label:has(input:checked){background:#e6f1e7;border-color:#315d45}.learningChoices label:focus-within{outline:3px solid #315d45;outline-offset:2px}

.learningChoices .learningTypedLabel{display:block;min-height:0;border:0;padding:8px 0 0;margin:8px 0;font-weight:600;cursor:text}.learningChoices .learningTypedAnswer{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #9daf9f;border-radius:10px;background:white;color:#213829;font:inherit;font-size:16px}.learningChoices .learningTypedAnswer:focus{outline:3px solid #315d45;outline-offset:2px}
