:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.notebook-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.side-nav{border-right:1px solid #d9e1ec;background:#fff;padding:22px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#0d1622;color:#36d1c4;font-family:Cascadia Code,ui-monospace,monospace;font-weight:800}.brand strong{display:block;font-size:18px}.brand span:last-child{color:#64748b;font-size:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #d6deea;border-radius:8px;padding:9px 10px;color:#64748b}.search input{border:0;outline:0;width:100%}.side-nav nav{display:grid;gap:6px;margin-top:24px}.side-nav button{display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#334155;cursor:pointer;padding:10px;text-align:left}.side-nav button.active,.side-nav button:hover{background:#e8fbf8;color:#08766f}.lesson{max-width:1120px;width:100%;padding:44px 56px 80px}.lesson-header{align-items:start;display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.lesson-header p{color:#0f766e;font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.lesson-header h1{font-size:42px;letter-spacing:0;line-height:1.05;margin:0}.runtime-pill{align-items:center;border:1px solid #cbd5e1;border-radius:999px;color:#334155;display:flex;gap:8px;padding:8px 12px;white-space:nowrap}.status-dot{background:#1cc88a;border-radius:999px;height:9px;width:9px}article{display:grid;gap:24px}.markdown-block{color:#334155;font-size:17px;max-width:780px}.markdown-block h2,.markdown-block h3{color:#172033}.markdown-block code{background:#e9eef5;border-radius:5px;font-family:Cascadia Code,ui-monospace,monospace;font-size:.92em;padding:1px 5px}.verse-cell{background:#fff;border:1px solid #d8e1ed;border-radius:8px;box-shadow:0 16px 35px #0f172a0f;overflow:hidden}.cell-toolbar{align-items:center;border-bottom:1px solid #dbe4ef;display:flex;justify-content:space-between;gap:16px;padding:12px 14px}.cell-toolbar strong{display:block;font-size:15px}.cell-toolbar span{color:#64748b;display:block;font-size:12px}.cell-actions{display:flex;gap:8px}.cell-actions button{align-items:center;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;cursor:pointer;display:flex;gap:7px;padding:8px 11px}.cell-actions button.primary{background:#2cc6bf;border-color:#2cc6bf;color:#08121d;font-weight:800}.cm-editor{font-family:Cascadia Code,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.cell-output{border-top:1px solid #dbe4ef;background:#f8fafc;padding:12px 14px 14px}.cell-output>div{align-items:center;color:#64748b;display:flex;gap:8px;margin-bottom:8px}.cell-output small{margin-left:auto}.cell-output pre{background:#0b121a;border-radius:8px;color:#d7fff9;font-family:Cascadia Code,ui-monospace,monospace;margin:0;min-height:58px;overflow:auto;padding:14px;white-space:pre-wrap}.cell-output.ok>div{color:#0f766e}.cell-output.error>div{color:#b9471f}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.notebook-shell{grid-template-columns:1fr}.side-nav{height:auto;position:static}.lesson{padding:28px 18px 56px}.lesson-header{display:grid}.lesson-header h1{font-size:34px}}