.session-page{color-scheme:dark;--paper:#151515;--surface:#202020;--ink:#dedede;--muted:#aaa;--line:#444;--accent:#80c4d6;--focus:#80c4d6;background:var(--paper);color:var(--ink)}.session-page .page.wide{box-sizing:border-box;width:100%;max-width:none;height:100dvh;margin:0;padding:1rem 1.5rem}.session-page #main{flex-direction:column;height:100%;min-height:0;display:flex}.session-header{flex:none;grid-template-columns:auto 1fr;gap:.3rem 1rem;display:grid}.session-header>span{font-family:var(--mono);color:#aaa;align-self:center;font-size:.8rem}.session-header h1{grid-column:1/-1;margin:.3rem 0 0;font-size:1.45rem;line-height:1.4}.session-header p{grid-column:1/-1;margin:.3rem 0;font-size:.9rem}.session-tools{flex:none;justify-content:flex-end;align-items:center;min-height:1.9rem;font-size:.8rem;display:flex}.session-tools button,.session-page button{cursor:pointer;color:#ccc;background:#202020;border:1px solid #555;border-radius:3px;padding:.35rem .7rem;font-size:.8rem}.session-page button:disabled{opacity:.4;cursor:default}.session-panes{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1rem;min-height:0;display:grid}.session-pane{color-scheme:dark;color:#eee;background:#0b0b0b;border:1px solid #444;border-radius:4px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.session-pane>h2{color:#fff;background:#202020;flex:none;justify-content:space-between;gap:1rem;margin:0;padding:.65rem 1rem;font-size:.85rem;display:flex}.session-pane h2 small{color:#eee;font-size:.75rem;font-weight:400}.session-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none;flex:1;min-height:0;padding:1rem;position:relative;overflow:auto}.session-intro p,.explanation-step p,.session-summary p{overflow-wrap:anywhere;margin:0 0 .8rem;font-size:.92rem;line-height:1.9}.explanation-step{border-top:1px solid #444;margin-top:1.1rem;padding-top:.6rem;scroll-margin-top:1rem}.explanation-step h3,.session-summary h3{margin:0 0 .8rem;font-size:1rem;line-height:1.65}.explanation-step h3>span{color:#aaa;font:400 .8rem/1.65 var(--mono);min-width:1.7rem;display:inline-block}.after-command{background:#10191b;border-left:2px solid #38616b;padding:.6rem .8rem .1rem}.session-summary{border-top:3px solid #b21a63;margin-top:1.5rem;padding-top:1rem}.session-references{margin:1.4rem 0 .5rem;font-size:.8rem}.session-references summary{cursor:pointer;color:#74d3ed;padding:.5rem 0}.session-references a{overflow-wrap:anywhere}.terminal{font-family:var(--mono);flex:1;font-size:.82rem;line-height:1.65}.terminal-banner{color:#626262;margin:0 0 1.2rem;font-size:.75rem}.terminal-banner span{margin-left:1rem}.terminal-entry{margin-bottom:1rem}.executed-command{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.executed-command>span,.terminal-prompt{color:#e88ab7}.executed-command code{font:inherit;color:#eee;background:0 0;padding:0}.command-output{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#eee;background:0 0;border:none;margin:0;padding:.2rem 0}.session-table{background:#fff;border:1px solid #d5d5d5;max-height:20rem;margin:.8rem 0;font-size:.76rem;overflow:auto}.session-table table{border-collapse:collapse;width:100%;margin:0}.session-table caption{text-align:left;color:#006f99;white-space:normal;padding:.5rem;font-weight:600}.session-table th,.session-table td{text-align:left;white-space:pre;border:1px solid #d5d5d5;padding:.4rem .55rem;line-height:1.5}.session-table th{color:#202020;background:#fff7cf;position:sticky;top:0}.session-table td:first-child{color:#b21a63}.command-line{align-items:flex-start;gap:.5ch;display:flex}.terminal-prompt{flex:none;line-height:1.7}.command-editor{background:0 0;flex:1;min-width:0;display:grid}.command-editor pre,.command-editor textarea{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;box-sizing:border-box;background:0 0;border:0;border-radius:0;grid-area:1/1;width:100%;min-height:1.7em;margin:0;padding:0;line-height:1.7}.command-editor pre{color:#858585;pointer-events:none}.command-editor textarea{color:#eee;resize:none;field-sizing:content;caret-color:#f3cf47;overflow:hidden}.command-editor:focus-within{box-shadow:0 1px #555}.command-editor textarea:focus{outline:none}.command-buttons{flex-wrap:wrap;gap:.6rem;margin:.25rem 0 0 3.5ch;display:flex}.session-page .command-buttons button{color:#aaa;min-height:0;box-shadow:none;background:0 0;border:1px solid #454545;border-radius:2px;padding:2px 6px;font-family:inherit;font-size:.7rem;line-height:1.4}.session-page .command-buttons button:hover{color:#eee;border-color:#888}.session-page .command-buttons button:disabled{opacity:1;color:#767676;cursor:default;border-color:#303030}.input-status{color:#999;margin:.25rem 0 0 3.5ch;font-family:system-ui;font-size:.7rem}.input-status:empty{display:none}.session-finished{font:inherit;color:#858585;border:0;margin:0;padding:0}.session-page .session-table{color:#eee;background:#111;border-color:#444}.session-page .session-table th,.session-page .session-table td{border-color:#444}.session-page .session-table th{color:#f3cf47;background:#26230f}.session-page .session-table caption{color:#74d3ed}.session-page .session-table td:first-child{color:#e88ab7}.session-page [hidden]{display:none!important}.session-page :focus-visible{outline-offset:3px;outline:2px solid #006f99}@media (width<=700px){.session-page .page.wide{padding:.5rem}.session-header h1{font-size:1.05rem}.session-header p{font-size:.75rem}.session-header>span{font-size:.65rem}.session-panes{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.4rem}.session-scroll{padding:.6rem}.session-pane>h2{padding:.5rem;font-size:.75rem;display:block}.session-pane h2 small{font-size:.6rem;display:block}.session-intro p,.explanation-step p,.session-summary p{font-size:.78rem;line-height:1.8}.terminal{font-size:.72rem}.explanation-step h3{font-size:.85rem}.after-command{padding:.4rem}.session-header p{margin-bottom:0}}.session-page .terminal{color:#eee;color-scheme:dark;background:#0b0b0b;border:0;border-radius:0}.session-scroll:after{content:"";height:var(--tail-space,60vh);pointer-events:none;flex:none;display:block}.session-pane a{color:#74d3ed}.terminal-divider{color:#999;font:400 .8rem var(--mono);align-items:center;gap:.6rem;margin:0 0 .65rem;line-height:1.65;display:flex}.terminal-divider:after{content:"";background:#333;flex:1;height:1px}.terminal-divider span{min-width:1.2rem}.terminal-entry{border-top:1px solid #0000;padding-top:.6rem}[data-composer]>.terminal-divider{margin-top:1rem}.annotated-command{font:.78rem/1.7 var(--mono);background:#111;border:1px solid #333;flex-wrap:wrap;align-items:flex-start;gap:.6rem 0;margin:.7rem 0 1rem;padding:.7rem;display:flex}.command-part{flex-direction:column;min-width:0;max-width:100%;display:inline-flex}.command-part code{font:inherit;color:#eee;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;padding:0}.command-part.annotated{padding-right:.45rem}.command-part.annotated code{text-underline-offset:5px;padding-bottom:.3rem;text-decoration:underline 1px #69b6ca}.command-part small{color:#8fc0cb;max-width:26rem;padding-top:.15rem;font:.7rem/1.6 system-ui}.session-preview{background:#111;border-top:1px solid #444;flex-direction:column;flex:none;height:clamp(150px,28vh,260px);min-height:0;display:flex;overflow-x:auto}.preview-label{font:.7rem/1.4 var(--mono);color:#999;flex:none;padding:3px 10px}.preview-label span{margin-left:.5rem}.session-preview iframe{background:#111;border:0;flex:1;width:100%;min-height:0}