.learn{--rail-width:16.5rem;--rail-collapsed:3.25rem;grid-template-columns:var(--rail-collapsed) minmax(0, 1fr);align-items:start;gap:2.5rem;display:grid}.learn-rail{z-index:20;width:100%;position:sticky;top:1.5rem}.learn-rail .rail-inner{view-transition-name:chapters;background:var(--card-bg,#111418);border:1px solid var(--border,#22272e);border-radius:var(--radius,12px);max-height:calc(100vh - 3rem);width:var(--rail-width);flex-direction:column;transition:width .16s,box-shadow .16s;display:flex;overflow:hidden}.learn-rail.is-collapsed .rail-inner{width:var(--rail-collapsed)}.learn-rail.is-collapsed:hover .rail-inner{width:var(--rail-width);box-shadow:0 12px 32px #00000047}.learn-rail.is-collapsed:focus-within .rail-inner{width:var(--rail-width);box-shadow:0 12px 32px #00000047}.learn-rail.is-pinned{position:sticky}.learn:has(.learn-rail.is-pinned){grid-template-columns:var(--rail-width) minmax(0, 1fr)}.learn:has(.learn-rail:not(.is-collapsed)){grid-template-columns:var(--rail-width) minmax(0, 1fr)}.rail-head{border-bottom:1px solid var(--border,#22272e);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .9rem;display:flex}.rail-title{color:var(--ink,#e6edf3);letter-spacing:.01em;white-space:nowrap;font-weight:600;text-decoration:none}.rail-pin{color:var(--dim,#8b949e);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.3rem .4rem;font-size:.95rem;line-height:1}.rail-pin:hover{background:var(--accent-soft,#1f6feb22);color:var(--accent,#58a6ff)}.rail-nav{flex:auto;padding:.6rem .5rem .9rem;overflow-y:auto}.rail-section+.rail-section{margin-top:.9rem}.rail-section-title{color:var(--dim,#8b949e);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;margin:0 0 .35rem;padding:0 .45rem;font-size:.68rem;font-weight:600}.rail-item{color:var(--dim,#8b949e);white-space:nowrap;border-radius:7px;align-items:center;gap:.6rem;padding:.34rem .45rem;text-decoration:none;display:flex}.rail-item:hover{background:var(--accent-soft,#1f6feb22);color:var(--ink,#e6edf3)}.rail-item.is-active{background:var(--accent-soft,#1f6feb22);color:var(--accent,#58a6ff)}.rail-step{color:var(--dim,#8b949e);font-variant-numeric:tabular-nums;text-align:center;flex:none;width:1rem;font-size:.72rem}.rail-item.is-active .rail-step{color:inherit}.rail-label{text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.rail-foot{border-top:1px solid var(--border,#22272e);gap:.5rem;padding:.65rem .9rem;display:flex}.rail-link{color:var(--dim,#8b949e);white-space:nowrap;font-size:.8rem;text-decoration:none}.rail-link:hover{color:var(--accent,#58a6ff)}.learn-rail.is-collapsed .rail-label,.learn-rail.is-collapsed .rail-section-title,.learn-rail.is-collapsed .rail-title,.learn-rail.is-collapsed .rail-link{opacity:0;transition:opacity .1s}.learn-rail.is-collapsed:hover .rail-label,.learn-rail.is-collapsed:hover .rail-section-title,.learn-rail.is-collapsed:hover .rail-title,.learn-rail.is-collapsed:hover .rail-link{opacity:1}.learn-rail.is-collapsed:focus-within .rail-label{opacity:1}.learn-rail.is-collapsed:focus-within .rail-section-title{opacity:1}.learn-rail.is-collapsed:focus-within .rail-title{opacity:1}.learn-rail.is-collapsed:focus-within .rail-link{opacity:1}.learn-main{min-width:0;padding-bottom:3rem;container-type:inline-size}.learn-toc{border-bottom:1px solid var(--border,#22272e);margin-bottom:1.6rem;padding-bottom:1.1rem;font-size:.86rem}.learn-toc-title{color:var(--dim,#8b949e);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem;display:block}.learn-toc ol{flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.learn-toc a{color:var(--ink-soft,#c9d1d9);text-decoration:none}.learn-toc a:hover{color:var(--accent,#ff7a2e)}@container (width>=860px){.learn-body{grid-template-columns:minmax(0,1fr) 13rem;gap:2.5rem;display:grid}.learn-toc{border-bottom:0;border-left:1px solid var(--border,#22272e);grid-area:1/2;max-height:calc(100vh - 6rem);margin:0;padding:0 0 0 1rem;position:sticky;top:5rem;overflow-y:auto}.learn-toc ol{flex-flow:column}.learn-body>.prose{grid-area:1/1;min-width:0}}.learn-page .prose .anchored{scroll-margin-top:5rem}.learn-page .prose .anchor{color:var(--dim,#8b949e);opacity:0;margin-left:.4em;text-decoration:none;transition:opacity .12s}.learn-page .prose .anchored:hover .anchor{opacity:1}.learn-page .prose .anchor:focus-visible{opacity:1}.learn-page .prose .learn-note{background:var(--accent-soft,#ff6a1a22);border-left:3px solid var(--accent,#ff7a2e);border-radius:0 var(--radius,12px) var(--radius,12px) 0;color:var(--ink,#f6eee6);margin:0 0 18px;padding:.8rem 1rem}.learn-page .prose .learn-note>:last-child{margin-bottom:0}.learn-page .prose .hl-code [data-highlighted-line]{background:var(--accent-soft,#ff6a1a22);box-shadow:inset 3px 0 0 var(--accent,#ff7a2e)}.learn-head{border-bottom:1px solid var(--border,#22272e);margin-bottom:1.6rem;padding-bottom:1.1rem}.learn-eyebrow{color:var(--dim,#8b949e);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;display:block}.learn-page h1{margin:0;font-size:1.85rem;line-height:1.25}.learn-lede{color:var(--dim,#8b949e);margin:.7rem 0 0;font-size:1.02rem}.learn-group{margin-top:2rem}.learn-group h2{letter-spacing:.09em;text-transform:uppercase;margin:0 0 .7rem;font-size:.74rem;font-weight:600}.learn-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.learn-cards>li{min-width:0;display:flex}.learn-card{background:var(--card-bg,#111418);border:1px solid var(--border,#22272e);border-radius:14px;flex-direction:column;flex:1;min-width:0;padding:1.35rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.learn-card:hover{border-color:var(--border-strong,#30363d);transform:translateY(-2px)}.learn-card-step{color:var(--accent,#58a6ff);font:500 .75rem var(--mono,monospace)}.learn-card-title{color:var(--ink,#e6edf3);font:700 1.2rem / 1.25 var(--display,inherit);letter-spacing:-.01em;margin:.2rem 0 .4rem}.learn-card-text{color:var(--ink-soft,#c9d1d9);margin-bottom:.9rem;font-size:.94rem}.learn-card-snip{background:#100c09;border:1px solid #2a211a;border-radius:10px;display:block;overflow:hidden}.learn-card-cap{color:#8c7d70;font:.72rem var(--mono,monospace);background:#15100c;border-bottom:1px solid #2a211a;padding:.45rem .75rem;display:block}.learn-card-code{color:#e9dccd;font:.78rem / 1.6 var(--mono,monospace);white-space:pre;max-height:16.5rem;padding:.75rem .9rem;display:block;position:relative;overflow:hidden}.learn-card-code:after{content:"";background:linear-gradient(#0000,#100c09);height:2.5rem;position:absolute;top:14rem;left:0;right:0}.learn-card-more{color:var(--accent,#58a6ff);margin-top:auto;padding-top:.75rem;font-size:.875rem;font-weight:600}.learn-card-more:after{content:" →"}.learn-pager{border-top:1px solid var(--border,#22272e);grid-template-columns:1fr 1fr;gap:.75rem;margin-top:2.5rem;padding-top:1.25rem;display:grid}.learn-pager>sf-s{display:none}.learn-pager-toc{border:1px solid var(--border,#22272e);border-radius:var(--radius,12px);color:inherit;cursor:pointer;font:inherit;text-align:center;background:0 0;flex-direction:column;gap:.2rem;width:100%;padding:.7rem 1.1rem;display:flex}.learn-pager-toc:hover{border-color:var(--accent,#58a6ff)}.rail-close{color:var(--dim,#8b949e);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.3rem .45rem;font-size:1rem;line-height:1;display:none}.learn-pager-link{border:1px solid var(--border,#22272e);border-radius:var(--radius,12px);flex-direction:column;gap:.2rem;padding:.7rem .95rem;text-decoration:none;display:flex}.learn-pager-link:hover{border-color:var(--accent,#58a6ff)}.learn-pager-link.next{text-align:right}.learn-pager-dir{color:var(--dim,#8b949e);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem}.learn-pager-title{color:var(--ink,#e6edf3);font-size:.92rem}.learn-back{color:var(--accent,#58a6ff);text-decoration:none}.diagram{margin:1.6rem 0}.diagram-svg{max-width:100%;height:auto;display:block}.diagram-box rect{fill:var(--card-bg,#111418);stroke:var(--border,#22272e);stroke-width:1.5px}.diagram-box rect.diagram-box-accent{stroke:var(--accent,#58a6ff)}.diagram-box rect.diagram-box-soft{fill:none;stroke-dasharray:4 4}.diagram-label text{fill:var(--ink,#e6edf3);font-family:var(--mono,ui-monospace, monospace);text-anchor:middle;font-size:12px}.diagram-label text:nth-child(2n){fill:var(--dim,#8b949e);font-size:10.5px}.diagram-edge path{fill:none;stroke:var(--dim,#8b949e);stroke-width:1.5px}.diagram-svg marker path{fill:var(--dim,#8b949e);stroke:none}.diagram-edge-label text{fill:var(--dim,#8b949e);font-family:var(--mono,ui-monospace, monospace);text-anchor:middle;paint-order:stroke;stroke:var(--paper,#0d1117);stroke-width:4px;stroke-linejoin:round;font-size:10.5px}.diagram-missing{color:var(--dim,#8b949e);font-style:italic}@media (width<=720px){.learn{grid-template-columns:minmax(0,1fr);gap:1.25rem}.learn:has(.learn-rail.is-pinned){grid-template-columns:minmax(0,1fr);gap:1.25rem}.learn:has(.learn-rail:not(.is-collapsed)){grid-template-columns:minmax(0,1fr);gap:1.25rem}.learn-rail{display:none}.learn-rail.is-open{z-index:60;display:block;position:fixed;inset:0}.learn-rail.is-open .rail-inner,.learn-rail.is-open.is-collapsed .rail-inner{border:0;border-radius:0;width:100%;height:100%;max-height:none}.learn-rail.is-open .rail-nav,.learn-rail.is-open .rail-label,.learn-rail.is-open .rail-section-title,.learn-rail.is-open .rail-title,.learn-rail.is-open .rail-link{display:revert;opacity:1}.learn-rail.is-open .rail-head{padding:1rem 1.1rem}.learn-rail.is-open .rail-item{padding:.7rem .45rem}.rail-close{display:block}.rail-pin{display:none}.learn-pager{grid-template-columns:minmax(0,1fr)}.learn-pager>sf-s{display:block}.learn-pager-link.next{text-align:left}}.learn-install{background:var(--card-bg,#111418);border:1px solid var(--border,#22272e);border-left:3px solid var(--accent,#58a6ff);border-radius:var(--radius,12px);margin:1.75rem 0;padding:1rem 1.15rem}.learn-install-title{color:var(--ink,#e6edf3);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.learn-install-lede{color:var(--dim,#8b949e);margin:.4rem 0 .9rem}.learn-install-note{color:var(--dim,#8b949e);margin:.8rem 0 0;font-size:.82rem}.learn-run{background:var(--card-bg,#111418);border:1px solid var(--border,#22272e);border-radius:var(--radius,12px);margin:1.5rem 0;overflow-x:auto}.learn-install .learn-run{margin:0}.learn-run pre{margin:0;padding:.9rem 1.05rem}.learn-run code{background:0 0;padding:0;font-size:.84rem;line-height:1.65}.learn-run-cmd{color:var(--ink,#e6edf3);font-weight:600}.learn-run-out{color:var(--dim,#8b949e)}.learn-sbs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.9rem;margin:1.4rem 0;display:grid}.learn-page .prose .learn-sbs figure[data-rehype-pretty-code-figure]{height:100%;margin:0}.learn-sbs pre{overflow-x:auto}@media (width<=900px){.learn-cards,.learn-sbs{grid-template-columns:minmax(0,1fr)}}.learn-page .prose figure[data-rehype-pretty-code-figure],.learn-page .prose>pre:not([data-language=shell-session]){border:1px solid var(--border-strong);background:var(--code-bg);border-radius:8px;margin:24px 0;overflow:hidden}.learn-page .prose figure[data-rehype-pretty-code-figure] pre{border:0;border-radius:0;margin:0}.learn-page .prose figcaption,.learn-page .prose pre:not([data-language=shell-session]):before{background:var(--code-chrome);font-size:12px;font-family:var(--mono,monospace);color:var(--dim);border-bottom:1px solid var(--border-strong);padding:6px 12px;display:block}.learn-page .prose pre:not([data-language=shell-session]):before{content:attr(data-language)}.learn-page .prose pre:not([data-language]):before{content:"text"}.learn-page .prose figure:has(figcaption) pre:not([data-language=shell-session]):before{display:none}.learn-page .prose pre{background:var(--code-bg);margin:0;padding:0;overflow-x:auto}.learn-page .prose pre code{background:0 0;border-radius:0;padding:16px;display:block}.learn-page .prose figure[data-rehype-pretty-code-figure]:has(>pre[data-language=shell-session]){background:var(--card-bg,#111418);border:1px solid var(--border,#22272e);border-radius:var(--radius,12px);margin:1.5rem 0}.learn-page .prose pre[data-language=shell-session]{background:0 0}.learn-page .prose pre[data-language=shell-session] code{color:var(--ink,#e6edf3);padding:.9rem 1.05rem;font-size:.84rem;line-height:1.65}.learn-demo{border:1px solid var(--border-strong,#3a2d22);border-radius:var(--radius,12px);margin:0 0 18px;overflow:hidden}.learn-demo-title{background:var(--code-chrome,#15100c);border-bottom:1px solid var(--border,#22272e);color:var(--dim,#8b949e);align-items:center;gap:.6rem;margin:0;padding:.55rem .9rem;font-size:.8rem;display:flex}.learn-demo-live{background:var(--accent,#ff7a2e);color:var(--paper,#0d1117);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;font-size:.68rem;font-weight:700}.learn-demo-stage{padding:1rem 1.1rem}.learn-demo-stage>sf-s{display:block}.learn-demo-stage p{margin:0 0 .6rem}.learn-demo-stage button{background:var(--card-bg,#111418);border:1px solid var(--border-strong,#3a2d22);color:var(--ink,#f6eee6);cursor:pointer;font:inherit;border-radius:8px;margin-right:.5rem;padding:.35rem .8rem}.learn-demo-stage button:hover{border-color:var(--accent,#ff7a2e)}.learn-demo-stage button[aria-pressed=true]{background:var(--accent-soft,#ff6a1a22);border-color:var(--accent,#ff7a2e)}.learn-demo-stage [data-sf-pending]{opacity:.6}.learn-demo-stage .error{color:var(--accent,#ff7a2e);margin-top:.6rem}.learn-demo-stage .badge{background:var(--accent-soft,#ff6a1a22);color:var(--accent,#ff7a2e);border-radius:999px;margin-bottom:.8rem;padding:.15rem .65rem;font-size:.8rem;font-weight:600;display:inline-block}.learn-demo-stage .sizes,.learn-demo-stage .stepper{flex-wrap:wrap;align-items:center;margin-bottom:.7rem;display:flex}.learn-demo-stage .stepper output{font-family:var(--mono,ui-monospace, monospace);text-align:center;min-width:1.5rem;margin-right:.5rem}.learn-demo-stage .stepper .error{flex-basis:100%;margin:.5rem 0 0}.learn-demo-stage .total{margin:0;font-weight:600}.learn-demo-stage .shelf{flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;display:flex}.learn-demo-stage .shelf button{margin:0}.learn-demo-stage .cart ul{margin:.4rem 0 0;padding:0;list-style:none}.learn-demo-stage .cart li{border-top:1px solid var(--border,#22272e);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.45rem 0;display:flex}.learn-demo-stage .cart li button{margin:0}.learn-demo-stage .cart li button:first-of-type{margin-left:auto}.learn-demo-stage .signup{gap:.35rem;max-width:22rem;display:grid}.learn-demo-stage .signup label{gap:.25rem;margin-top:.4rem;font-size:.86rem;display:grid}.learn-demo-stage .signup input{background:var(--code-bg,#100c09);border:1px solid var(--border-strong,#3a2d22);color:var(--ink,#f6eee6);font:inherit;border-radius:8px;padding:.4rem .6rem}.learn-demo-stage .signup .field-error{color:var(--accent,#ff7a2e);margin:0;font-size:.82rem}.learn-demo-stage .signup button{justify-self:start;margin-top:.6rem}.learn-demo-stage .welcome{color:var(--accent,#ff7a2e);font-weight:600}.learn-demo-stage .grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:26rem;margin:0;padding:0;list-style:none;display:grid}.learn-demo-stage .grid a{color:inherit;gap:6px;font-size:.86rem;text-decoration:none;display:grid}.learn-demo-stage .tile{aspect-ratio:1;border-radius:12px}.learn-demo-stage .notes{gap:6px;margin-bottom:14px;font-size:.86rem;display:grid}.learn-demo-stage .notes textarea{background:var(--code-bg,#100c09);border:1px solid var(--border-strong,#3a2d22);color:var(--ink,#f6eee6);font:inherit;border-radius:8px;padding:.5rem .6rem}.learn-demo-stage .packing{border:0;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;display:flex}.learn-demo-stage .packing legend{margin-bottom:6px;padding:0;font-size:.86rem}.learn-demo-stage .packing button{margin:0}.learn-demo-stage .packing .packed{text-decoration:line-through}.learn-demo-stage .hikes{margin:0;padding:0;list-style:none}.learn-demo-stage .hikes li{border-top:1px solid var(--border,#22272e);justify-content:space-between;padding:.6rem 0;display:flex}.learn-demo-page .swatch{border-radius:16px;height:320px;margin:24px 0}.learn-demo-page h1{margin:0 0 .4rem}/*# sourceMappingURL=learn.min.css.map */