.forma-code-block{border:1px solid var(--border);background:var(--background);border-radius:.75rem;min-width:0;max-width:100%;overflow:clip}.forma-code-toolbar{border-block-end:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .5rem .25rem 1rem;font-size:.8125rem;display:flex}.forma-code-toolbar button{min-height:44px;color:var(--foreground)}.forma-code-toolbar svg{width:1rem;height:1rem}.forma-code-block pre{font-family:var(--font-mono);white-space:pre;background:0 0;border:0;border-radius:0;margin:0;padding:1rem;font-size:.9375rem;line-height:1.7;overflow-x:auto}.forma-code-block pre:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.forma-code-error{padding:.75rem 1rem 0;font-size:.875rem;line-height:1.6;display:block}.lesson-reader .forma-code-block pre{background:0 0;border:0;border-radius:0}@media not (min-width:40rem){.forma-code-block pre{font-size:.875rem}}.forma-code-block pre.forma-code-numbered{max-block-size:24rem;padding-inline:0;overflow:auto}.forma-code-line{border-inline-start:3px solid #0000;min-width:max-content;padding-inline-end:1rem;display:block}.forma-code-line[data-current]{background:var(--info-surface);border-inline-start-color:var(--info)}.forma-code-gutter{width:4rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;justify-content:space-between;padding-inline:.5rem .875rem;display:inline-flex}.forma-code-line[data-current] .forma-code-gutter{color:var(--info)}.forma-code-line>span:last-of-type{white-space:pre}@media (forced-colors:active){.forma-code-line[data-current]{border-inline-start-color:highlight;outline:1px solid highlight}}
.code-walkthrough{gap:.75rem;min-width:0;max-width:100%;font-size:.9375rem;line-height:1.6;display:grid;container-type:inline-size}.code-walkthrough .walkthrough-heading{font-size:1.125rem;font-weight:600}.code-walkthrough :is(h3,h4){font-family:var(--font-sans)}.walkthrough-empty{color:var(--muted-foreground);font-size:.8125rem}.walkthrough-summary{gap:1rem;font-size:1.0625rem;line-height:1.65;display:grid}.walkthrough-workspace{border:1px solid var(--border);background:var(--card);border-radius:.75rem;min-width:0;overflow:clip}.walkthrough-panes{grid-template-columns:minmax(0,1.4fr) minmax(15rem,1fr);align-items:stretch;min-width:0;display:grid}.walkthrough-code-pane{background:var(--background);min-width:0}.walkthrough-code-pane .forma-code-block{background:0 0;border:0;border-radius:0}.walkthrough-code-pane .forma-code-toolbar{min-height:3rem;padding-inline:.875rem .375rem}.walkthrough-code-pane .forma-code-block pre.forma-code-numbered{min-block-size:11rem;max-block-size:24rem;font-size:.875rem;line-height:1.8}.walkthrough-code-pane .forma-code-gutter{width:3rem;padding-inline:.375rem .625rem}.walkthrough-inspection{min-width:0;border-inline-start:1px solid var(--border);background:var(--card);overscroll-behavior:contain;max-block-size:27rem;overflow-y:auto}.walkthrough-inspection>section{min-width:0}.walkthrough-inspection:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.walkthrough-pane-heading{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;min-height:3rem;padding-inline:1rem;display:flex}.walkthrough-pane-heading h4{margin:0;font-size:.8125rem;font-weight:600}.walkthrough-pane-heading>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.8125rem}.walkthrough-console-body{min-height:4.75rem;padding:.875rem 1rem 1rem}.walkthrough-output{color:var(--foreground);gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.walkthrough-output code,.walkthrough-bindings code,.walkthrough-page code{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem}.walkthrough-values .walkthrough-pane-heading,.walkthrough-page .walkthrough-pane-heading{border-block-start:1px solid var(--border);min-height:2.5rem}.code-walkthrough .walkthrough-bindings{gap:0;margin:0;padding-inline:1rem;display:grid}.walkthrough-bindings>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:.75rem;padding-block:.625rem;display:grid}.walkthrough-bindings>div+div{border-block-start:1px solid var(--border)}.code-walkthrough .walkthrough-bindings dt{min-width:0;font-weight:500;line-height:1.5}.walkthrough-bindings small{color:var(--muted-foreground);font-size:.8125rem;font-weight:400;line-height:1.5;display:block}.code-walkthrough .walkthrough-bindings dd,.walkthrough-page dd{min-width:0;color:var(--foreground);margin:0;line-height:1.5}.walkthrough-bindings [data-changed] dd{font-weight:600}.walkthrough-values-empty{padding:.875rem 1rem 1rem}.walkthrough-page dl{gap:.5rem;margin:0;padding:.875rem 1rem;display:grid}.walkthrough-page dl>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.75rem;display:grid}.walkthrough-controls{border-block-end:1px solid var(--border);background:var(--card);flex-wrap:wrap;align-items:center;gap:.5rem .875rem;padding:.5rem .75rem;display:flex}.walkthrough-buttons{align-items:center;gap:.375rem;display:flex}.walkthrough-buttons button{border-width:1px;border-radius:.5rem;height:44px;min-height:44px;padding-inline:.75rem;font-size:.8125rem}.walkthrough-buttons button[aria-label]{width:44px;padding:.75rem}.walkthrough-buttons svg{width:1rem;height:1rem}.walkthrough-step-count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-end:auto;font-size:.8125rem}.walkthrough-speed{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.walkthrough-speed [data-slot=select-trigger]{border-width:1px;border-radius:.5rem;width:6.25rem;min-height:44px;padding-inline:.625rem;font-size:.8125rem}.walkthrough-explanation{border-block-start:1px solid var(--border);background:var(--background);color:var(--foreground);gap:.25rem;padding:.75rem 1rem;display:grid}.walkthrough-explanation strong{font-size:.8125rem;font-weight:600}.walkthrough-explanation p{color:var(--muted-foreground);font-size:.9375rem;line-height:1.6}.walkthrough-more{min-width:0;max-width:100%}.walkthrough-more>summary{cursor:pointer;min-height:44px;color:var(--muted-foreground);padding-block:.625rem;font-size:.9375rem}.walkthrough-more>section{border-block-start:1px solid var(--border);gap:.5rem;padding-block:1rem;font-size:.9375rem;display:grid}.walkthrough-more h4{font-size:.9375rem;font-weight:600}.walkthrough-progress{font-variant-numeric:tabular-nums}.walkthrough-progress input{width:100%;min-height:44px;accent-color:var(--link)}.walkthrough-progress>span,.walkthrough-transcript>p,.walkthrough-about p{color:var(--muted-foreground)}.walkthrough-stack p{overflow-wrap:anywhere}.walkthrough-transcript ol{gap:1.5rem;margin-block-start:.5rem;padding-inline-start:1.5rem;display:grid}.walkthrough-transcript li{padding-inline-start:.25rem}.walkthrough-transcript li[aria-current]{border-inline-start:2px solid var(--info);padding-inline-start:.75rem}.walkthrough-transcript dl{gap:.5rem;margin-block:.75rem;display:grid}.walkthrough-transcript dl>div{grid-template-columns:minmax(0,1fr);display:grid}.walkthrough-transcript :is(code,dd){overflow-wrap:anywhere;white-space:pre-wrap}.code-walkthrough :is(button,input,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px}@container not (min-width:38rem){.walkthrough-panes{grid-template-columns:minmax(0,1fr)}.walkthrough-code-pane .forma-code-block pre.forma-code-numbered{min-block-size:0;max-block-size:20rem}.walkthrough-inspection{border-inline-start:0;border-block-start:1px solid var(--border);max-block-size:16rem}.walkthrough-console-body{min-height:3.25rem;padding-block:.625rem}.walkthrough-pane-heading{min-height:2.5rem}.walkthrough-controls{gap:.375rem .75rem;padding-inline:.5rem}.walkthrough-speed{margin-inline-start:auto}}@container not (min-width:23rem){.walkthrough-buttons{flex-basis:100%}.walkthrough-speed{order:2;margin:0}.walkthrough-step-count{order:3;margin-inline:auto 0}}