.lesson{max-width:60rem;margin:0 auto}.lesson-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.crumb{text-transform:uppercase;letter-spacing:.1em;color:var(--area-accent,var(--color-blue));font-size:.78rem;font-weight:var(--font-weight-black)}.crumb a{color:inherit;transition:border-color var(--dur-fast) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.crumb a:hover{border-bottom-color:currentColor}.crumb span{margin:0 var(--space-2);color:var(--color-border)}.lesson-header h1{margin:var(--space-2) 0;font-size:clamp(2rem,5vw,3rem)}.lesson-opening{max-width:46rem;color:var(--color-text-muted);font-size:1.35rem;line-height:1.4}.lesson-meta{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.meta-chip{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:999px;padding:.25rem .7rem}.meta-chip-activity{color:var(--color-blue-ink);background:var(--color-sky);border-color:#0000}.objectives,.theory,.concept,.formula-studio,.example,.mistake,.check,.takeaway{margin:clamp(2.25rem,5vw,3.5rem) 0}.objectives h2{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin:0 0 var(--space-3);font-size:.85rem}.objectives ol{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.objectives li{gap:var(--space-2);padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-top:3px solid var(--area-accent,var(--color-blue));border-radius:0 0 var(--radius-md) var(--radius-md);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;font-size:.97rem;line-height:1.5;display:flex}.objectives li:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.objectives li b{color:var(--color-red);flex:none;font-size:.8rem}.theory-intro{max-width:50rem;color:var(--color-text-muted);margin:0 0 var(--space-4);font-size:1.18rem;line-height:1.6}.theory-sections{border-top:1px solid var(--color-border)}.theory-sections article{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:3.5rem 1fr;display:grid}.theory-number{font-size:.8rem;font-weight:var(--font-weight-black);color:var(--area-accent,var(--color-red));font-variant-numeric:tabular-nums;margin:0}.theory-sections h3{margin:0 0 var(--space-3)}.theory-sections p{max-width:50rem;line-height:1.7}.theory-sections ul{margin:var(--space-3) 0;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));padding:0;list-style:none;display:grid}.theory-sections li{background:var(--color-white);border:1px solid var(--color-border);border-left:3px solid var(--area-accent,var(--color-blue));border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-3);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-size:.95rem}.theory-sections li:hover{box-shadow:var(--shadow-xs);transform:translate(2px)}.concept{background:var(--color-white);padding:var(--space-5);border-top:5px solid var(--area-accent,var(--color-blue));box-shadow:var(--shadow-md);border-radius:var(--radius-md);position:relative;overflow:hidden}.concept:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--area-accent,#1f6f9f) 12%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:18rem;height:18rem;position:absolute;top:-40%;right:-10%}.concept>*{position:relative}.concept p{max-width:46rem;font-size:1.3rem}.formula-studio{background:var(--gradient-navy);color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden}.formula-studio h2{color:var(--color-white);padding:var(--space-4) var(--space-5) 0}.formula-primary{margin:var(--space-2) var(--space-5) var(--space-4);padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);text-align:center;background:#ffffff14;border:1px solid #ffffff29;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff1a}.formula-primary:after{content:"";border-radius:inherit;pointer-events:none;animation:sweep 5.5s var(--ease-in-out) 1s 2;background:linear-gradient(100deg,#0000 35%,#a8dcf524 50%,#0000 65%);position:absolute;inset:0}.formula-relations{background:#ffffff24;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1px;display:grid}.formula-relations article{padding:var(--space-4);background:#07233766;overflow-x:auto}.formula-relations article>span{color:#9fc7df;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:var(--font-weight-black);margin-bottom:var(--space-2);display:block}.formula-variables{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));margin:0;display:grid}.formula-variables div{align-items:baseline;gap:var(--space-2);display:flex}.formula-variables dt{color:#9fc7df;margin:0}.formula-variables dd{color:#d5e3ec;margin:0;font-size:.9rem}.example{background:var(--color-white);border:1px solid var(--color-border);padding:var(--space-5);border-radius:var(--radius-md)}.example-prompt{max-width:45rem;font-size:1.1rem}.example ol{margin:var(--space-4) 0;padding:0;list-style:none}.example li{border-top:1px solid var(--color-border);padding:var(--space-2) 0;grid-template-columns:3rem 1fr;align-items:baseline;display:grid}.example li span{color:var(--area-accent,var(--color-blue));font-size:.75rem;font-weight:var(--font-weight-black);font-variant-numeric:tabular-nums}.example li p{margin:0}.answer{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--gradient-sky);border:1px solid color-mix(in srgb, var(--color-blue) 22%, transparent);padding:var(--space-4);color:var(--color-navy);border-radius:var(--radius-md);flex-wrap:wrap;margin:0;display:flex}.answer span{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.answer strong{font-size:1.4rem}.mistake{border-left:5px solid var(--color-red);padding:var(--space-2) 0 var(--space-2) var(--space-4)}.mistake b{color:var(--color-red)}.mistake p{margin:var(--space-1) 0;color:var(--color-text-muted)}.lab{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);margin:var(--space-6) 0}.lab-intro{max-width:42rem;color:var(--color-text-muted)}.lab-board-wrap{margin:var(--space-4) 0;justify-content:center;display:flex}.lab-board{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gradient-sky);width:min(100%,26rem);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out)}.lab-board:hover,.lab-board:focus-within{box-shadow:var(--shadow-ring)}.lab-readout{gap:var(--space-3);text-align:center;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.lab-readout div{background:var(--color-sky);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-blue) 14%, transparent)}.lab-readout dt{text-transform:uppercase;letter-spacing:.08em;color:var(--color-blue);font-size:.75rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-1)}.lab-readout dd{font-size:1.4rem;font-weight:var(--font-weight-black);color:var(--color-navy);font-variant-numeric:tabular-nums;margin:0}@media (width<=700px){.lab-readout{grid-template-columns:1fr}}.check{background:var(--color-sky);padding:var(--space-5);border-radius:var(--radius-md)}.formative-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}.question-card{background:var(--color-white);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-base) var(--ease-out)}.question-card:focus-within{box-shadow:var(--shadow-sm)}.question-count{text-transform:uppercase;letter-spacing:.1em;color:var(--area-accent,var(--color-blue));font-size:.7rem;font-weight:var(--font-weight-black);margin:0 0 var(--space-2)}.question-card fieldset{border:0;margin:0;padding:0}.question-card legend{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-navy);margin-bottom:var(--space-3);padding:0}.answers{gap:var(--space-2);display:grid}.answer-option{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:flex}.answer-option:hover{border-color:color-mix(in srgb, var(--color-blue) 45%, var(--color-border));background:var(--color-surface-blue)}.answer-option:active{transform:scale(.99)}.answer-option:has(input:checked){border-color:var(--color-blue);background:var(--color-surface-blue)}.answer-option.is-correct{border:2px solid var(--color-green);animation:pulse-ring .7s var(--ease-out) 1;--pulse-color:#276c4a59;background:#e5f3eb}.answer-option.is-wrong{border:2px solid var(--color-red);animation:shake .42s var(--ease-in-out) 1;background:#fbeaea}.question-card button[type=submit]{margin-top:var(--space-3)}.feedback{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-paper);border-left:4px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;animation:feedback-in var(--dur-base) var(--ease-out) both;font-size:.95rem}.feedback.feedback-ok{border-color:var(--color-green)}.feedback.feedback-retry{border-color:var(--color-red)}.takeaway{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0}.takeaway span{text-transform:uppercase;letter-spacing:.1em;color:var(--area-accent,var(--color-red));font-size:.7rem;font-weight:var(--font-weight-black)}.takeaway p{color:var(--color-text-muted);margin:0}.primary,.secondary{border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);border:1px solid #0000;padding:.8rem 1.25rem;font-size:.95rem}.secondary{background:var(--color-white);border-color:var(--color-border);color:var(--color-navy)}.secondary:hover{border-color:var(--color-blue)}.lesson-pager{gap:var(--space-4);margin:var(--space-6) 0 var(--space-4);grid-template-columns:1fr 1fr;display:grid}.lesson-pager-link{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.lesson-pager-link:hover{border-color:var(--color-blue);box-shadow:var(--shadow-sm)}.lesson-pager-prev:hover{transform:translate(-3px)}.lesson-pager-next:hover{transform:translate(3px)}.lesson-pager-link span{text-transform:uppercase;letter-spacing:.08em;color:var(--color-blue);font-size:.75rem;font-weight:var(--font-weight-bold)}.lesson-pager-next{text-align:right;grid-column:2}@media (width<=700px){.lesson-pager{grid-template-columns:1fr}.lesson-pager-next{text-align:left;grid-column:1}.theory-sections article{gap:var(--space-2);grid-template-columns:1fr}.formula-relations,.formula-variables{grid-template-columns:1fr}}.objectives li{transition:border-color var(--dur-fast) var(--ease-out)}.objectives li b{color:var(--area-accent,var(--color-red));font-variant-numeric:tabular-nums}.mistake{border-left:5px solid var(--color-red);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-4);background:linear-gradient(90deg,#fdf3f3,#0000 60%)}.check{background:var(--gradient-sky);border:1px solid color-mix(in srgb, var(--color-blue) 16%, transparent);padding:var(--space-5);border-radius:var(--radius-lg)}.question-card.is-answered{border-color:color-mix(in srgb, var(--color-red) 32%, var(--color-border))}.question-card.is-answered.is-answered-ok{border-color:color-mix(in srgb, var(--color-green) 38%, var(--color-border))}.takeaway blockquote{margin:var(--space-3) 0;padding-left:var(--space-4);color:var(--color-navy);font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.3;font-weight:var(--font-weight-bold);border-left:3px solid var(--area-accent,var(--color-blue));text-wrap:balance;position:relative}.lesson-header h1{font-size:clamp(2rem,5.4vw,3.1rem)}@media (prefers-reduced-motion:reduce){.formula-primary:after,.answer-option.is-correct,.answer-option.is-wrong,.feedback{animation:none}.theory-sections li:hover,.lesson-pager-prev:hover,.lesson-pager-next:hover,.answer-option:active,.objectives li:hover{transform:none}}