.main-content{max-width:100%!important;padding:0!important}html,body{overflow-x:hidden;height:100%}.lesson-container[data-astro-cid-sx5ukad4]{max-width:1400px;margin:0 auto;padding:2rem;overflow:visible;height:auto}.lesson-header[data-astro-cid-sx5ukad4]{margin-bottom:2rem}.back-link[data-astro-cid-sx5ukad4]{display:inline-block;color:#3b82f6;text-decoration:none;margin-bottom:1rem;font-weight:500}.back-link[data-astro-cid-sx5ukad4]:hover{text-decoration:underline}.lesson-header[data-astro-cid-sx5ukad4] h1[data-astro-cid-sx5ukad4]{font-size:clamp(2rem,4vw,2.5rem);color:#1e293b;margin-bottom:.5rem}.lesson-header[data-astro-cid-sx5ukad4] p[data-astro-cid-sx5ukad4]{font-size:1.125rem;color:#64748b}.lesson-content[data-astro-cid-sx5ukad4]{display:grid;grid-template-columns:1fr 500px;gap:2rem;align-items:flex-start;position:relative;min-height:100vh}.steps-section[data-astro-cid-sx5ukad4]{overflow:visible}.editor-section[data-astro-cid-sx5ukad4]{position:relative;will-change:transform;height:100%;align-self:stretch}.steps-section[data-astro-cid-sx5ukad4] h2[data-astro-cid-sx5ukad4]{font-size:1.75rem;color:#1e293b;margin-bottom:1.5rem}.step-card[data-astro-cid-sx5ukad4]{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;scroll-margin-top:2rem}.step-header[data-astro-cid-sx5ukad4]{margin-bottom:1rem}.step-number[data-astro-cid-sx5ukad4]{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.step-card[data-astro-cid-sx5ukad4] h3[data-astro-cid-sx5ukad4]{font-size:1.375rem;color:#1e293b;margin-top:.5rem}.step-description[data-astro-cid-sx5ukad4]{color:#475569;line-height:1.6;margin-bottom:1rem}.code-example[data-astro-cid-sx5ukad4]{background:#0d1117;border-radius:.5rem;overflow:hidden;margin-bottom:1rem;border:1px solid #30363d}.code-header[data-astro-cid-sx5ukad4]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#161b22;color:#c9d1d9;font-size:.875rem;border-bottom:1px solid #30363d}.code-example[data-astro-cid-sx5ukad4] pre[data-astro-cid-sx5ukad4]{margin:0;padding:1rem;overflow-x:auto;background:#0d1117;white-space:pre}.code-example[data-astro-cid-sx5ukad4] pre[data-astro-cid-sx5ukad4] code[data-astro-cid-sx5ukad4]{display:block}.code-example[data-astro-cid-sx5ukad4] code[data-astro-cid-sx5ukad4]{color:#c9d1d9!important;font-family:Monaco,Menlo,Consolas,Courier New,monospace!important;font-size:.9375rem!important;line-height:1.6!important;font-weight:400!important}.python-code[data-astro-cid-sx5ukad4]{color:#c9d1d9!important;background:transparent!important}.no-select[data-astro-cid-sx5ukad4]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.code-example[data-astro-cid-sx5ukad4] pre[data-astro-cid-sx5ukad4]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.explanation[data-astro-cid-sx5ukad4]{background:#f0f9ff;border-left:4px solid #3b82f6;padding:1rem;border-radius:.5rem}.explanation[data-astro-cid-sx5ukad4] strong[data-astro-cid-sx5ukad4]{color:#1e40af}.explanation[data-astro-cid-sx5ukad4] p[data-astro-cid-sx5ukad4]{margin:.5rem 0 0;color:#475569;line-height:1.6}.editor-sticky[data-astro-cid-sx5ukad4]{position:sticky!important;top:5rem!important;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d;transition:box-shadow .3s ease;max-height:calc(100vh - 6rem);overflow-y:auto;z-index:50;align-self:flex-start;will-change:transform}.editor-sticky[data-astro-cid-sx5ukad4]:hover{box-shadow:0 8px 16px #0000001a}.editor-section[data-astro-cid-sx5ukad4] h2[data-astro-cid-sx5ukad4]{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.editor-hint[data-astro-cid-sx5ukad4]{color:#64748b;font-size:.875rem;margin-bottom:1rem}.editor-controls[data-astro-cid-sx5ukad4]{display:flex;gap:.5rem;margin-bottom:1rem}.btn[data-astro-cid-sx5ukad4]{padding:.625rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9375rem}.btn[data-astro-cid-sx5ukad4]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-astro-cid-sx5ukad4]{background:#3b82f6;color:#fff}.btn-primary[data-astro-cid-sx5ukad4]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-astro-cid-sx5ukad4]{background:#64748b;color:#fff}.btn-secondary[data-astro-cid-sx5ukad4]:hover{background:#475569}.btn-success[data-astro-cid-sx5ukad4]{background:#10b981;color:#fff}.btn-success[data-astro-cid-sx5ukad4]:hover{background:#059669}.btn-info[data-astro-cid-sx5ukad4]{background:#0ea5e9;color:#fff}.btn-info[data-astro-cid-sx5ukad4]:hover{background:#0284c7}#code-editor-container[data-astro-cid-sx5ukad4]{border:2px solid #e2e8f0;border-radius:.5rem;overflow:hidden;margin-bottom:1rem;transition:border-color .2s,background-color .2s}.CodeMirror[data-astro-cid-sx5ukad4]{height:300px!important;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px}.output-section[data-astro-cid-sx5ukad4]{margin-top:1rem}.output-header[data-astro-cid-sx5ukad4]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0f172a;color:#94a3b8;font-size:.875rem;border-radius:.5rem .5rem 0 0}.status[data-astro-cid-sx5ukad4]{font-size:.8125rem;color:#64748b}#output-area[data-astro-cid-sx5ukad4]{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:0 0 .5rem .5rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;min-height:200px;max-height:300px;overflow-y:auto}.output-line[data-astro-cid-sx5ukad4]{margin-bottom:.25rem}.output-line[data-astro-cid-sx5ukad4].stderr{color:#ef4444}.loading[data-astro-cid-sx5ukad4],.ready[data-astro-cid-sx5ukad4]{color:#64748b;font-style:italic;text-align:center;padding:2rem}.error[data-astro-cid-sx5ukad4]{color:#ef4444;padding:1rem}@media (min-width: 1025px){.lesson-content[data-astro-cid-sx5ukad4]{display:grid;grid-template-columns:1fr 500px}.editor-sticky[data-astro-cid-sx5ukad4]{position:sticky!important;top:5rem!important;max-height:calc(100vh - 6rem)!important}}@media (max-width: 1024px){.lesson-content[data-astro-cid-sx5ukad4]{grid-template-columns:1fr!important}.editor-sticky[data-astro-cid-sx5ukad4]{position:static!important;max-height:none!important}}@media (max-width: 768px){.lesson-container[data-astro-cid-sx5ukad4]{padding:1rem}.CodeMirror[data-astro-cid-sx5ukad4]{height:250px!important;font-size:13px}#output-area[data-astro-cid-sx5ukad4]{max-height:200px;font-size:.8125rem}}