.al-pair{gap:1.5rem;display:grid}@media (min-width:1024px){.al-pair{grid-template-columns:1fr 1fr}}.al{border-top:1px solid #111;min-width:0}.al-title{letter-spacing:-.025em;padding:.5rem 0 .75rem;font-size:clamp(1.15rem,2vw,1.75rem)}.al-code{margin:0;padding:0;list-style:none}.al-line{grid-template-columns:2em minmax(0,1fr);column-gap:.6em;padding:.05em 0;display:grid}.al-line[data-blank]{min-height:1.6em}.al-n{text-align:right;font-variant-numeric:tabular-nums;color:#00000059}.al-t{padding-left:calc(var(--i) * 1.6em);text-indent:0}.al strong{font-weight:600}.al-b{border-bottom:1px solid #111;padding-bottom:.5rem}.al-b .al-code{letter-spacing:-.01em;font-size:clamp(.98rem,1.2vw,1.2rem);line-height:1.65}.al-b .al-line[data-mark],.al-b .al-line[data-mark] .al-n{color:#e4321b}.al-c .al-code{font-family:var(--font-mono-display), ui-monospace, monospace;font-size:clamp(.78rem,.95vw,.95rem);line-height:1.85}.al-c .al-line[data-mark]{background:#e4321b17;box-shadow:inset 3px 0 #e4321b}.al-c .al-line[data-mark=\~]{background:#e4321b0a}.al-d .al-code{font-family:var(--font-plex-mono), ui-monospace, monospace;font-size:clamp(.8rem,1vw,1rem);line-height:1.85}.al-d .al-line[data-k=del]{color:#0006}.al-d .al-line[data-k=del] .al-t{text-decoration:line-through;text-decoration-thickness:1px}.al-d .al-line[data-k=add],.al-d .al-line[data-k=add] .al-n{color:#e4321b}.al-d .al-line[data-k=add] .al-n,.al-d .al-line[data-k=del] .al-n{font-weight:600}.al-e{border-top:0}.al-e .al-title{padding-top:0}.al-e .al-code{font-family:var(--font-geist-mono), ui-monospace, monospace;background:#f1f1ee;padding:1rem 1rem 1rem .5rem;font-size:clamp(.78rem,.95vw,.95rem);line-height:1.85}.al-e .al-line[data-mark]{color:#e4321b}.al-e .al-line[data-mark] strong{font-weight:600}.al-key{vertical-align:-.1em;background:#e4321b1f;border-left:3px solid #e4321b;width:.9em;height:.9em;margin-right:.35em;display:inline-block}.al-key[data-mark=\~]{background:#e4321b0d;border-left-style:dotted}.al-flow{flex-direction:column;gap:1.5rem;display:flex}.al-steps{flex-wrap:wrap;align-items:stretch;gap:.5rem 1.6rem;margin:0;padding:0;list-style:none;display:flex}.al-step{border:1px solid #111;max-width:17em;padding:.6rem .8rem;font-size:clamp(.95rem,1.2vw,1.2rem);line-height:1.25;position:relative}.al-step[data-sgs]{color:#fff;background:#e4321b;border-color:#e4321b}.al-step:not(:last-child):after{content:"→";color:#111;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}