.learn .areas .label,.learn .menu-body .label{font:700 .9375rem/1.3 var(--sans);margin:0 0 8px;padding:0 8px}.learn .areas .label a,.learn .menu-body .label a{color:var(--ink);text-decoration:none}.learn-steps{margin:0;padding:0;list-style:none}.learn-steps a{color:var(--ink-2);border-radius:6px;grid-template-columns:3ch minmax(0,1fr);gap:4px;padding:6px 8px;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.learn-steps a:hover{background:var(--tint);color:var(--ink)}.learn-steps .n{font:500 .8125rem/1.55 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.learn-steps a[aria-current=page]{background:var(--tint);color:var(--ink);font-weight:700}.learn-steps a[aria-current=page] .n{color:var(--ink)}.learn .menu-body{max-height:60vh;padding:0 6px 10px;font-size:.9375rem;overflow-y:auto}.progress{margin:0 0 20px}.progress p{font:500 .875rem/1.4 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0 0 8px}.progress p span,.progress p a{color:var(--muted)}.progress .rule{grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;max-width:336px;margin:0;padding:0;list-style:none;display:grid}.progress .rule li{background:var(--hair-strong);border-radius:2px;height:4px}.progress .rule li.before{background:var(--muted)}.progress .rule li.here{background:var(--ink)}.learn .short{margin-bottom:12px}.after{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.5}.after b{color:var(--ink)}.learn .prose .file-line{color:var(--ink-2);margin:24px 0 8px;font-size:.9375rem;line-height:1.5}.learn .prose .file-line code{color:var(--ink);font-weight:500}.learn .prose .file-line+.snippet{margin-top:0}.learn .snippet .aside{font-family:var(--sans)}.next-step{gap:12px;margin-top:56px;display:grid}.next-step .next{border:1px solid var(--hair-strong);background:var(--sheet);color:var(--ink);transition:border-color .16s ease, transform .14s var(--ease-out);border-radius:14px;gap:4px;padding:18px 20px 20px;text-decoration:none;display:grid}.next-step .next:hover{border-color:var(--ink-2)}.next-step .next:active{transform:scale(.99)}.next-step .where{font:500 .8125rem/1.4 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.next-step .what{font:800 1.375rem/1.25 var(--sans);letter-spacing:-.015em}.next-step .what .arrow{font-family:var(--mono);transition:transform .2s var(--ease-out);font-weight:500;display:inline-block}.next-step .next:hover .arrow{transform:translate(3px)}.next-step .gain{color:var(--ink-2);line-height:1.5}.next-step .prev{color:var(--ink-2);justify-self:start;padding:4px 0;font-size:.9375rem}.learn-outline{row-gap:0;padding:40px 0 96px}.learn-outline header{grid-column:1/span 5;align-self:start;position:sticky;top:24px}.learn-outline .route,.learn-outline .closing,.learn-outline .agent-line{grid-column:6/-1}.learn-outline h1{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(2.25rem,1.4rem + 2.6vw,3.25rem);line-height:1.05}.learn-outline .lede p{color:var(--ink-2);font-size:1.125rem;line-height:1.55}.learn-outline .actions{flex-wrap:wrap;gap:12px;margin:28px 0 0;display:flex}.route{border-top:1px solid var(--hair-strong);margin:0;padding:0;list-style:none}.route li{border-bottom:1px solid var(--hair);grid-template-columns:4ch minmax(0,1fr);gap:20px;padding:22px 0 24px;display:grid}.route .n{font:700 1.5rem/1.2 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.route h2{font:800 1.3125rem/1.25 var(--sans);letter-spacing:-.015em;max-width:none;margin:0 0 6px}.route h2 a{color:var(--ink);text-decoration:none}.route h2 a:hover{text-underline-offset:3px;text-decoration:underline}.route .gain{color:var(--ink-2);max-width:68ch;margin:0 0 8px;line-height:1.5}.route .intro{color:var(--muted);max-width:72ch;margin:0;font-size:.875rem;line-height:1.55}.route .intro>span{color:var(--ink-2);font-weight:700}.route code{font-size:.92em}.learn-outline .closing{max-width:68ch;margin-top:32px}.learn-outline .agent-line{max-width:68ch}@media (width<=1060px){.learn-outline header{grid-column:1/-1;margin-bottom:40px;position:static}.learn-outline .route,.learn-outline .closing,.learn-outline .agent-line{grid-column:1/-1}}@media (width<=760px){.learn .src .l,.learn .plain{white-space:pre-wrap;overflow-wrap:anywhere;text-indent:-2ch;width:auto;padding-left:calc(14px + 2ch);padding-right:14px}.learn .src.overflows{-webkit-mask-image:none;mask-image:none}.learn-outline{padding-top:16px}.route li{grid-template-columns:3ch minmax(0,1fr);gap:12px;padding:18px 0 20px}.route .n{font-size:1.125rem;line-height:1.45}.route h2,.next-step .what{font-size:1.1875rem}.learn-outline .actions .btn{flex:100%;justify-content:center}}