.anno:where(.astro-isqp4tqe){width:min(100%,26rem);margin-inline:auto}.stage:where(.astro-isqp4tqe){position:relative}.card:where(.astro-isqp4tqe){border:1px solid var(--term-rule);background:var(--term-bg);box-shadow:var(--okf-shadow);border-radius:.75rem;overflow:hidden}.bar:where(.astro-isqp4tqe){box-sizing:border-box;height:var(--bar);background:var(--term-bar);border-bottom:1px solid var(--term-rule);justify-content:space-between;align-items:center;padding:0 .9rem 0 1.1rem;display:flex}.name:where(.astro-isqp4tqe){font-size:var(--sl-text-sm);color:var(--ctp-text);align-items:center;gap:.5rem;font-weight:400;display:inline-flex}.name:where(.astro-isqp4tqe) svg{color:var(--ctp-teal)}.copy:where(.astro-isqp4tqe){width:2rem;height:2rem;color:var(--ctp-subtext0);cursor:pointer;background:0 0;border:0;border-radius:.4rem;place-items:center;padding:0;display:grid}.copy:where(.astro-isqp4tqe):hover{background:var(--ctp-surface0);color:var(--ctp-text)}.copy:where(.astro-isqp4tqe):focus-visible{outline:2px solid var(--ctp-teal);outline-offset:1px}.copy:where(.astro-isqp4tqe) .i-done,.copy:where(.astro-isqp4tqe)[data-done] .i-copy{display:none}.copy:where(.astro-isqp4tqe)[data-done] .i-done{color:var(--ctp-green);display:block}pre:where(.astro-isqp4tqe){padding:var(--pad) 1.25rem;font-family:var(--sl-font-mono);font-size:.9rem;line-height:var(--lh);white-space:pre;font-variant-ligatures:none;color:var(--ctp-text);background:0 0;margin:0;overflow-x:auto}pre:where(.astro-isqp4tqe):focus-visible{outline:2px solid var(--ctp-teal);outline-offset:-2px}pre:where(.astro-isqp4tqe) code:where(.astro-isqp4tqe){font:inherit;color:inherit;background:0 0;border:0;padding:0}.ln:where(.astro-isqp4tqe){height:var(--lh);display:block;position:relative}.num:where(.astro-isqp4tqe){border:1px solid var(--ctp-teal);width:1.25rem;height:1.25rem;color:var(--ctp-teal);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:none;position:absolute;top:50%;right:0;translate:0 -50%}.note:where(.astro-isqp4tqe),.arrows:where(.astro-isqp4tqe){display:none}.list:where(.astro-isqp4tqe){font-size:var(--sl-text-sm);color:var(--sl-color-gray-1);gap:.4rem;margin:1.25rem 0 0;padding-left:1.5rem;display:grid}.list:where(.astro-isqp4tqe) li:where(.astro-isqp4tqe)::marker{color:var(--sl-color-accent-high);font-weight:700}.list:where(.astro-isqp4tqe) li:where(.astro-isqp4tqe){padding-left:.25rem}@media (width<=65.99rem){.num:where(.astro-isqp4tqe){display:grid}}@media (width>=66rem){.anno:where(.astro-isqp4tqe){width:var(--w)}.list:where(.astro-isqp4tqe){display:none}.note:where(.astro-isqp4tqe){white-space:nowrap;font-size:var(--sl-text-sm);color:var(--sl-color-accent-high);margin:0;font-weight:400;display:block;position:absolute;translate:0 -50%}.note:where(.astro-isqp4tqe)[data-side=left]{right:calc(100% + var(--gap));text-align:right}.note:where(.astro-isqp4tqe)[data-side=right]{left:calc(100% + var(--gap))}.arrows:where(.astro-isqp4tqe){pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--sl-color-accent-high);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;display:block;position:absolute;inset:0;overflow:visible}}.tabs:where(.astro-6o4sgtnh){display:block}.list:where(.astro-6o4sgtnh){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:.375rem;width:fit-content;max-width:100%;margin:0 auto;padding:.375rem;display:flex}button:where(.astro-6o4sgtnh){height:2.25rem;font:inherit;font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border:0;border-radius:.75rem;align-items:center;gap:.5rem;padding:0 .9rem;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}button:where(.astro-6o4sgtnh):hover{color:var(--sl-color-white)}button:where(.astro-6o4sgtnh)[aria-selected=true]{background:var(--sl-color-white);color:var(--sl-color-black)}button:where(.astro-6o4sgtnh):focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:2px}@media (width<=30rem){.list:where(.astro-6o4sgtnh){gap:.25rem;padding:.3rem}button:where(.astro-6o4sgtnh){gap:.35rem;padding:0 .55rem;font-size:.8rem}}.panel:where(.astro-6o4sgtnh){margin-top:1.5rem}.caption:where(.astro-6o4sgtnh){text-align:center;max-width:38rem;color:var(--sl-color-gray-2);margin:0 auto 1.5rem;line-height:1.7}.caption:where(.astro-6o4sgtnh) code{background:var(--sl-color-gray-5);color:var(--sl-color-white);border-radius:.3rem;padding:.1em .4em;font-size:.9em}.hero:where(.astro-nd7bm7sp){grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;padding-block:clamp(2rem,6vw,5rem) 0;display:grid}@media (prefers-reduced-motion:no-preference){.visual:where(.astro-nd7bm7sp) .cmd{vertical-align:top;animation:type .6s steps(var(--n,20), end) both;display:inline-block}.visual:where(.astro-nd7bm7sp) .out{animation:0s .6s both reveal}}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes reveal{0%{opacity:0}to{opacity:1}}@media (width>=64rem){.hero:where(.astro-nd7bm7sp){grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:3rem}}h1:where(.astro-nd7bm7sp){letter-spacing:-.04em;color:var(--okf-ink-strong);margin:0;font-size:clamp(2rem,7vw,2.75rem);font-weight:700;line-height:1.08}h1:where(.astro-nd7bm7sp) span:where(.astro-nd7bm7sp){display:block}@media (width>=64rem){h1:where(.astro-nd7bm7sp){font-size:clamp(2rem,3.8vw,2.75rem)}}h1:where(.astro-nd7bm7sp) .accent:where(.astro-nd7bm7sp){color:var(--okf-accent-ink)}.pitch:where(.astro-nd7bm7sp){font-size:var(--sl-text-base);color:var(--okf-ink);max-width:34rem;margin-top:1.5rem;line-height:1.7}.pitch:where(.astro-nd7bm7sp) p{margin:0}.checks:where(.astro-nd7bm7sp){font-size:var(--sl-text-sm);color:var(--okf-ink);flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.checks:where(.astro-nd7bm7sp) li:where(.astro-nd7bm7sp){align-items:center;gap:.4rem;display:flex}.checks:where(.astro-nd7bm7sp) svg{color:var(--okf-accent-ink);flex:none}.actions:where(.astro-nd7bm7sp){flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.btn:where(.astro-nd7bm7sp){border:1px solid var(--okf-rule);font-size:var(--sl-text-sm);color:var(--okf-ink);background:0 0;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-weight:700;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.btn:where(.astro-nd7bm7sp):hover{background:var(--okf-accent-tint);border-color:var(--okf-accent-ink)}.btn:where(.astro-nd7bm7sp).primary{background:var(--okf-ink);border-color:var(--okf-ink);color:var(--okf-page)}.btn:where(.astro-nd7bm7sp).primary:hover{background:var(--okf-accent-fill);border-color:var(--okf-accent-fill);color:var(--okf-on-accent)}.btn:where(.astro-nd7bm7sp):focus-visible{outline:2px solid var(--okf-accent-ink);outline-offset:2px}@media (width<=30rem){.btn:where(.astro-nd7bm7sp){width:100%}}.kv:where(.astro-5waywpib).kv{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:none;margin:1.5rem 0 0;padding:0;display:grid;container-type:inline-size}.kv:where(.astro-5waywpib).centered{max-width:52rem;margin-inline:auto}.kv:where(.astro-5waywpib) .kv-row{gap:.25rem 1.5rem;margin:0;display:grid}.kv:where(.astro-5waywpib) .kv-term{color:var(--okf-accent-ink);margin:0;font-weight:700}.kv:where(.astro-5waywpib) .kv-desc{color:var(--okf-ink);min-width:0;margin:0;padding:0}.kv:where(.astro-5waywpib) .kv-desc>p{margin:0}@container (width>=36rem){.kv:where(.astro-5waywpib) .kv-row{grid-template-columns:minmax(9rem,14rem) minmax(0,1fr)}}.section:where(.astro-w6ymvdtg){margin-block:clamp(3.5rem,8vw,6rem) 0}header:where(.astro-w6ymvdtg){text-align:center;margin-bottom:2rem}h2:where(.astro-w6ymvdtg){letter-spacing:-.03em;color:var(--okf-ink-strong);margin:0;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15}.more:where(.astro-w6ymvdtg){text-align:center;max-width:none;margin:2.5rem 0 0}.more:where(.astro-w6ymvdtg) a:where(.astro-w6ymvdtg){font-size:var(--sl-text-sm);color:var(--okf-accent-ink);text-underline-offset:.2em;font-weight:700}.more:where(.astro-w6ymvdtg) a:where(.astro-w6ymvdtg):hover{color:var(--okf-ink-strong)}.window:where(.astro-pakyvys6){max-width:calc(var(--cols) * .48rem + 2.2rem + 2px);border:1px solid var(--term-rule);background:var(--term-bg);text-align:start;box-shadow:var(--okf-shadow);border-radius:.75rem;margin:0 auto;overflow:hidden;container-type:inline-size}.window:where(.astro-pakyvys6).browser{max-width:52rem}.bar:where(.astro-pakyvys6){background:var(--term-bar);border-bottom:1px solid var(--term-rule);grid-template-columns:2.9rem minmax(0,1fr) 2.9rem;align-items:center;padding:.65rem .9rem;display:grid}.dots:where(.astro-pakyvys6){gap:.4rem;display:flex}.dots:where(.astro-pakyvys6) i:where(.astro-pakyvys6){background:var(--ctp-red);border-radius:50%;width:.7rem;height:.7rem}.dots:where(.astro-pakyvys6) i:where(.astro-pakyvys6):nth-child(2){background:var(--ctp-peach)}.dots:where(.astro-pakyvys6) i:where(.astro-pakyvys6):nth-child(3){background:var(--ctp-green)}.title:where(.astro-pakyvys6){font-size:var(--sl-text-xs);color:var(--ctp-subtext0);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser:where(.astro-pakyvys6) .title:where(.astro-pakyvys6){background:var(--ctp-surface0);border-radius:.4rem;grid-column:2;justify-self:center;min-width:min(18rem,60cqw);max-width:100%;padding:.2rem 1rem}.body:where(.astro-pakyvys6){position:relative}.screen:where(.astro-pakyvys6){color:var(--ctp-text);margin:0;padding:1rem 1.1rem}pre:where(.astro-pakyvys6).screen{font-family:var(--sl-font-mono);font-size:clamp(.7rem, calc((100cqw - 2.2rem) / (var(--cols) * .6)), .8rem);white-space:pre-wrap;overflow-wrap:anywhere;font-variant-ligatures:none;tab-size:4;background:0 0;line-height:1.5}pre:where(.astro-pakyvys6).screen code:where(.astro-pakyvys6){font:inherit;color:inherit;background:0 0;border:0;padding:0}.prompt:where(.astro-pakyvys6){color:var(--ctp-green)}.cmd:where(.astro-pakyvys6){color:var(--ctp-text)}.body:where(.astro-pakyvys6).narrow{display:none}@container (width<=36rem){.body:where(.astro-pakyvys6).wide{display:none}.body:where(.astro-pakyvys6).narrow{display:block}}