.about-prose .lede{margin-bottom:1rem;font-size:17px;line-height:1.6}.about-prose h2{letter-spacing:-.01em;border-top:1px solid var(--border-hairline);margin-top:3rem;margin-bottom:.75rem;padding-top:1.25rem;font-size:22px;font-weight:600}.about-prose h3{margin-top:1.5rem;margin-bottom:.35rem;font-size:16px;font-weight:600}.about-prose p,.about-prose li{color:var(--ink-600,inherit);font-size:15px;line-height:1.7}.about-prose p{margin-bottom:1rem}.about-prose ul{margin:0 0 1rem 1.1rem;list-style:outside}.about-prose ol{margin:0 0 1rem 1.25rem;list-style:decimal}.about-prose li{margin-bottom:.4rem}.about-prose a{text-underline-offset:4px;text-decoration:underline}.about-prose strong{color:var(--foreground);font-weight:600}.about-prose .meta{font-size:12px}.about-prose .meta-inline{color:var(--ink-400,inherit);margin-top:.5rem;font-size:13px;display:block}.about-prose a.cta{color:var(--foreground);font-weight:600}.about-prose .against{color:var(--ink-400,inherit);font-size:14px}.about-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.about-prose pre.sample{border:1px solid var(--border-hairline);white-space:pre;border-radius:6px;margin:0 0 1.25rem;padding:1rem 1.1rem;font-size:12.5px;line-height:1.6;overflow-x:auto}.dx-demo{position:relative;overflow:hidden}.dx-steps,.dx-row,.dx-file,.dx-foot{transition:opacity .5s}.dx-demo[data-phase=reset] :is(.dx-steps,.dx-row,.dx-file,.dx-foot){opacity:.25}.dx-step{color:var(--color-ink-400);transition:color .3s;position:relative}.dx-step:after,.dx-step:before{content:"";border-radius:1px;width:calc(100% - 6px);height:2px;position:absolute;bottom:0;left:0}.dx-step:after{background:var(--border-hairline)}.dx-step:before{z-index:1;background:var(--color-brand);transform-origin:0;transition:transform .5s;transform:scaleX(0)}.dx-step[data-on=done]{color:var(--color-ink-600)}.dx-step[data-on=done]:before{transform:scaleX(1)}.dx-step[data-on=now]{color:var(--color-foreground)}.dx-step[data-on=now]:before{animation:1s ease-in-out infinite alternate dx-pulse;transform:scaleX(.45)}.dx-row>:is(.dx-url,.dx-check,.dx-verdict){z-index:1;position:relative}.dx-row:before{content:"";background:var(--color-mint-bg);opacity:0;pointer-events:none;width:35%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.dx-row[data-state=reading]:before{animation:.4s ease-in-out forwards dx-scan}.dx-row:is([data-state=listed],[data-state=handadded]){animation:1.2s ease-out dx-glow}.dx-check{transition:color .3s}.dx-row:is([data-state=idle],[data-state=reading]) .dx-check{color:var(--color-ink-400)}.dx-url{transition:opacity .3s}.dx-row[data-state=never] .dx-url{opacity:.55}.dx-verdict{min-width:8rem;color:var(--color-ink-400);transition:color .3s,opacity .2s}.dx-row[data-state=kept] .dx-verdict{color:var(--color-ink-600)}.dx-row[data-state=suggested] .dx-verdict{color:var(--color-warning)}.dx-row:is([data-state=listed],[data-state=handadded]) .dx-verdict{color:var(--color-brand)}.dx-row[data-state=hand] .dx-verdict{opacity:0}.dx-hand{z-index:2;opacity:0;pointer-events:none;transition:opacity .2s,transform .15s,box-shadow .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.dx-row[data-state=hand] .dx-hand{opacity:1}.dx-demo[data-phase=click2] .dx-hand{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 25%, transparent);transform:translateY(-50%)scale(.95)}.dx-pop{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;transform:translateY(-4px)}.dx-demo:is([data-phase=open],[data-phase=move1],[data-phase=click1]) .dx-pop{visibility:visible;opacity:1;transform:none}.dx-add{transition:transform .15s,box-shadow .3s}.dx-demo[data-phase=click1] .dx-add{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 25%, transparent);transform:scale(.95)}.dx-cursor{z-index:6;opacity:0;pointer-events:none;transition:top .9s cubic-bezier(.2,.7,.2,1),right .9s cubic-bezier(.2,.7,.2,1),opacity .3s,transform .15s;position:absolute;top:130%;right:40%}.dx-demo:is([data-phase=move1],[data-phase=click1]) .dx-cursor[data-cursor="1"]{opacity:1;top:1.1rem;right:2.2rem}.dx-demo:is([data-phase=move2],[data-phase=click2]) .dx-cursor[data-cursor="2"]{opacity:1;top:30%;right:3rem}.dx-demo:is([data-phase=click1],[data-phase=click2]) .dx-cursor{transform:scale(.85)}.dx-line{transition:opacity .3s,transform .3s}.dx-line[data-on=""]{opacity:0;transform:translateY(3px)}.dx-line[data-on="1"]{animation:1.2s ease-out dx-glow}.dx-empty{opacity:0;transition:opacity .3s}.dx-demo[data-entries="0"] .dx-empty{opacity:1}.dx-dl{transition:opacity .3s,box-shadow .3s}.dx-demo[data-entries="0"] .dx-dl{opacity:.3}.dx-demo[data-phase=file] .dx-dl{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 25%, transparent)}@keyframes dx-scan{20%,80%{opacity:1}to{opacity:0;transform:translate(290%)}}@keyframes dx-glow{0%{background:var(--color-mint-bg)}}@keyframes dx-pulse{to{opacity:.45}}@media (width<=40rem){.dx-row{gap:.5rem;padding-inline:.75rem}.dx-check{width:84px;font-size:11px}.dx-verdict{min-width:6.75rem}.dx-hand{right:.75rem}}@media (prefers-reduced-motion:reduce){.dx-demo *,.dx-demo :before,.dx-demo :after{transition:none!important;animation:none!important}}
