.mini-lesson{background:#121b20;border:1px solid #35423e;border-radius:8px;padding:25px}.mini-lesson-top{color:#9eb4a8;letter-spacing:.6px;border-bottom:1px solid #2d3c3b;justify-content:space-between;padding-bottom:20px;font:10px Geist Mono,monospace;display:flex}.mini-lesson h2{margin:24px 0 14px;font-size:23px}.mini-lesson p{color:#a8b9c2;font-size:14px;line-height:1.8}.mini-lesson pre{white-space:pre-wrap;background:#0c1319;border-radius:4px;margin:22px 0;padding:13px 10px;font:11px/1.8 Geist Mono,monospace}.landing-list{grid-template-columns:repeat(6,1fr);gap:7px;margin:20px 0;display:grid}.landing-list>div{text-align:center;background:#18291f;border:1px solid #354c40;border-radius:4px;flex-direction:column;padding:12px 6px;display:flex}.landing-list .selected{background:#284733;border-color:#bad6a7}.landing-list strong{font:17px Geist Mono,monospace}.landing-list small{color:#90a99b;margin-top:11px;font:10px Geist Mono,monospace}.mini-lesson h3{margin:24px 0 16px;font-size:14px;font-weight:400}.mini-lesson h3 code{color:#d5e5dd}.mini-answers{gap:10px;display:flex}.mini-answers button{border:1px solid #56695e;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font:15px Geist Mono,monospace;display:flex}.mini-answers button:hover,.mini-answers button.selected{background:#203d2b;border-color:#b2caae}@media (max-width:768px){.mini-lesson{padding:20px}}.learning-preview{min-width:0;min-height:560px}.preview-progress{color:#96aea2;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.preview-progress>div{gap:5px;display:flex}.preview-progress>div span{background:#35423e;width:23px;height:3px}.preview-progress>div .current{background:#799487}.preview-progress>div .done{background:#add0bb}.learning-preview h2{line-height:1.3}.learning-preview h2:focus{outline:none}.learning-preview pre{overflow-wrap:anywhere}.learning-preview .landing-list strong{overflow-wrap:anywhere;font-size:clamp(13px,1.5vw,17px)}.learning-preview .landing-list small{overflow-wrap:anywhere;font-size:10px}.learning-preview .mini-answers button{overflow-wrap:anywhere;min-width:0;min-height:44px;font-size:13px}.learning-preview .mini-answers button:disabled{cursor:default;opacity:1}.learning-preview .mini-answers button:disabled:not(.selected){background:0 0;border-color:#56695e}.learning-preview .mini-answers button.incorrect{background:#302923;border-color:#c2a58a}.learning-preview :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #b6dfc6}.preview-next{color:#96aea2;align-items:center;min-height:30px;font-size:12px;display:flex}.preview-next button{font-size:13px}.preview-recap{color:#96aea2;border-top:1px solid #35423e;margin-top:12px;padding-top:12px;font-size:12px}.preview-recap summary{cursor:pointer}.preview-recap p{margin-top:8px;font-size:12px}.preview-complete{padding:32px 0 8px}.preview-complete>svg{color:#add0bb}.preview-complete h2{margin-top:20px}.preview-complete ul{color:#b6c9be;gap:12px;margin:24px 0 30px;font-size:13px;display:grid}.preview-complete li{align-items:center;gap:10px;display:flex}.preview-complete .button{white-space:normal;text-align:center;min-height:44px}.preview-complete .preview-last-answer{color:#96aea2;margin-top:25px;font-size:12px}.preview-loading{padding:36px 0}@media (max-width:768px){.learning-preview{min-height:540px}.learning-preview .mini-answers{gap:7px}.learning-preview .mini-answers button{padding:11px 7px}.learning-preview .landing-list{gap:5px}.learning-preview .landing-list>div{padding:12px 3px}}.correct-feedback{margin:20px 0;font-size:13px;color:#b1dbb8!important}.mini-feedback{color:#a6b7c1;min-height:48px;margin-top:19px;font-size:12px;line-height:1.7}@media (max-width:768px){.landing .learning-preview{min-height:0;padding:16px}.landing .mini-lesson-top{padding-bottom:12px}.landing .preview-progress{margin-top:12px}.landing .learning-preview h2{margin:14px 0 10px;font-size:22px}.landing .learning-preview p{line-height:1.6}.landing .learning-preview pre,.landing .landing-list{margin:14px 0}.landing .mini-lesson h3{margin:16px 0 12px}.landing .mini-feedback{margin-top:14px}}.preview-next button,.preview-recap summary{align-items:center;min-height:44px;display:flex}.learning-preview .mini-lesson-top{letter-spacing:.3px;flex-wrap:wrap;gap:16px;font-size:12px}.learning-preview .preview-progress{font-size:14px}.learning-preview p,.learning-preview h3{font-size:16px;line-height:1.6}.learning-preview pre{font-size:14px;line-height:1.6}.learning-preview .landing-list strong{font-size:18px}.learning-preview .landing-list small{font-size:12px}.learning-preview .mini-answers button{font-size:15px}.learning-preview .mini-feedback,.learning-preview .preview-next,.learning-preview .preview-next button,.learning-preview .preview-recap,.learning-preview .preview-recap p,.learning-preview .preview-complete ul{font-size:14px}.learning-preview .correct-feedback{font-size:14px!important}@media (max-width:768px){.landing .learning-preview .mini-lesson-top{gap:8px;font-size:11px}.landing .learning-preview .preview-progress{font-size:12px}.landing .learning-preview pre{font-size:13px}.landing .learning-preview .landing-list strong{font-size:16px}}.learning-preview,.landing .learning-preview{align-self:start;min-height:820px}.landing-hero{align-items:start}.landing-hero>div{padding-top:80px}.learning-preview .mini-feedback,.public-demo .mini-feedback{align-items:flex-start;gap:9px;min-height:96px;margin:18px 0 0;font-size:14px;line-height:1.6;display:flex}.mini-feedback>svg{flex-shrink:0;margin-top:2px}.learning-preview .mini-answers button.incorrect,.public-choices button.incorrect{color:#ffe1dc;background:#482a2b;border:2px solid #f2a49b}.learning-preview .incorrect-feedback,.public-demo .incorrect-feedback{color:#ffc0b7}.public-choices button{justify-content:center;align-items:center;gap:8px;display:flex}.learning-preview p code,.public-demo p code{color:#d5e5dd;background:#202d2a;border-radius:3px;padding:1px 4px;font-family:Geist Mono,monospace;font-size:.95em}.learning-preview .preview-next{min-height:44px}@media (max-width:768px){.learning-preview,.landing .learning-preview{min-height:820px}.landing-hero>div{padding-top:0}}.preview-complete>.button,.preview-complete>.text-link{gap:10px;width:fit-content;margin:14px 0;display:flex}