/* A quieter lesson: context, flow, then optional depth. */
main{max-width:1020px;padding:44px 40px 36px}
header{box-shadow:none}.header-tools{margin-left:auto;margin-right:18px}
.top{display:block}.top>div:last-child{min-width:0}
h1{font-size:32px;letter-spacing:-.8px;max-width:760px}
.subtitle{font-size:15px;line-height:1.75;max-width:720px}
.use-case{border:0;border-left:0!important;background:transparent!important;box-shadow:none;padding:0;margin:24px 0 30px}
.use-case h2{font-size:14px;color:var(--ink);margin:0 0 7px}
.use-case p{font-size:15px;color:var(--ink);margin:0 0 14px;line-height:1.75;max-width:720px}
.workspace{display:block;margin-top:0}.panel{box-shadow:none;border-color:var(--line)}
.narrative{padding:24px 26px;min-height:0}.narrative h3{font-size:20px;line-height:1.4;margin:8px 0 10px}.narrative p{font-size:15px;line-height:1.75;color:var(--ink);max-width:720px}
.diagram,[data-theme=dark] .diagram{background-image:none;padding:24px 20px 0}
.actor{font-size:12px}.actor small{font-size:10px}.icon{box-shadow:none;background:transparent!important;border:0!important;height:28px;margin-bottom:5px}
.controls{padding:16px 24px}.controls button{font-size:13px}.counter{font-size:12px}.panel-head small{font-size:11px}
.disclosure{border-bottom:1px solid var(--line);margin:0;background:transparent;color:var(--ink)}
.disclosure>summary{padding:20px 4px;cursor:pointer;font-size:15px;font-weight:550;line-height:1.5}
.disclosure>summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.disclosure[open]>summary{color:var(--blue)}
.lesson-context{border:0}.lesson-context>summary{padding:5px 0;font-size:13px;color:var(--muted)}
.lesson-context .use-case-head{margin:16px 0 12px}.learning-target{font-size:14px;line-height:1.7}.learning-target b{font-size:10px}.use-case small{font-size:12px;line-height:1.7}.prerequisite-links button{font-size:12px}
.supporting-tools{margin-top:14px}.inspector{min-height:0;margin-bottom:18px}.inspector pre{font-size:13px}.tabs button{font-size:13px}.experiment{margin-bottom:18px}.experiment p,.experiment select{font-size:14px}
.lesson-bottom{display:block;margin:0}.concept{border:0;background:transparent!important;padding:2px 4px 24px}.concept h3{font-size:18px}.concept p{font-size:15px;line-height:1.8;color:var(--ink)}.refs a{font-size:13px;background:transparent;border:0;padding:0;text-decoration:underline}
.lesson-quiz{margin:0 0 20px}.lesson-quiz .panel-head{display:none}.checkpoint-intro{padding:24px 25px 0}.checkpoint-intro h3{font-size:18px;margin:0 0 8px}.checkpoint-intro p{font-size:14px;margin:0;color:var(--muted)}.quiz-item legend{font-size:15px}.quiz-option{font-size:14px}.quiz-options{grid-template-columns:1fr}
.glossary{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent!important;margin:0}.glossary>summary{padding:20px 4px;font-size:15px;font-weight:550}.glossary>summary span{display:none}.glossary-content{padding:10px 4px 24px}.learning-help dt,.learning-help dd{font-size:14px}
.course-status{background:transparent!important;border:0;padding:0;margin:0 10px 20px}.mode-note{display:none}.mode-control{font-size:12px}.mode-control select{font-size:11px}.lesson-picker{margin:16px 8px}.lesson-picker label{font-size:11px;letter-spacing:0}.lesson-picker select{width:100%;font-size:12px}.nav small{display:none}.nav{padding:11px 10px}.level-heading{font-size:10px;letter-spacing:.5px}.side-note{font-size:11px}.course-status small{display:none}.course-filters{margin-bottom:8px}footer>span:first-child{display:none}footer{font-size:10px;letter-spacing:0}
@media(max-width:650px){main{padding:28px 18px}h1{font-size:28px}.subtitle,.use-case p{font-size:14px}.narrative{padding:20px}.narrative h3{font-size:18px}.narrative p{font-size:14px}.controls{padding:12px;flex-wrap:wrap}.controls button{font-size:12px}.header-tools{margin-right:0}.panel-head small{display:none}.diagram{padding-left:8px;padding-right:8px}.glossary>summary span{display:none}}
/* Grading uses text and symbols as well as color. */
.quiz-option .answer-status{margin-left:auto;flex-shrink:0;font-size:13px;white-space:nowrap}
#quiz-form .quiz-option.answer-correct,#quiz-form .quiz-option.answer-correct:has(input:checked){background:#eaf7ee;border:2px solid #247340;color:#185b30;box-shadow:none}
#quiz-form .quiz-option.answer-wrong,#quiz-form .quiz-option.answer-wrong:has(input:checked){background:#fff0ee;border:2px solid #b63832;color:#922821;box-shadow:none}
.question-feedback.correct,.question-feedback.wrong{padding:12px 14px;border-radius:7px;font-size:14px;border-left:4px solid;line-height:1.7}
.question-feedback.correct{background:#eaf7ee;color:#185b30;border-color:#247340}
.question-feedback.wrong{background:#fff0ee;color:#922821;border-color:#b63832}
[data-theme=dark] #quiz-form .quiz-option.answer-correct,[data-theme=dark] .question-feedback.correct{background:#173b29;color:#a9edbf;border-color:#73d295}
[data-theme=dark] #quiz-form .quiz-option.answer-wrong,[data-theme=dark] .question-feedback.wrong{background:#472522;color:#ffc0b9;border-color:#f28f85}
@media(max-width:650px){.quiz-option{flex-wrap:wrap}.quiz-option>span{flex:1;min-width:0}.quiz-option .answer-status{width:100%;padding-left:24px}}
[data-theme=dark] #quiz-form .quiz-option.answer-correct:has(input:checked){background:#173b29;color:#a9edbf;border-color:#73d295}
[data-theme=dark] #quiz-form .quiz-option.answer-wrong:has(input:checked){background:#472522;color:#ffc0b9;border-color:#f28f85}