.how[data-astro-cid-bmcncoin]{padding:var(--card-pad);flex-direction:column;gap:20px;display:flex}.how__head[data-astro-cid-bmcncoin]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.h2--sm[data-astro-cid-bmcncoin]{font-size:var(--fs-h2-sm)}.figure[data-astro-cid-bmcncoin]{color:var(--ink);background:#f6f7f9;border-radius:16px;margin:0;padding:clamp(16px,2.5vw,32px)}.scheme[data-astro-cid-bmcncoin]{width:100%;height:auto;font-family:var(--font-mono)}.scheme--narrow[data-astro-cid-bmcncoin]{display:none}.node[data-astro-cid-bmcncoin]{stroke:currentColor}.node--accent[data-astro-cid-bmcncoin]{stroke:var(--accent)}.node--faint[data-astro-cid-bmcncoin]{stroke:var(--line-strong)}.edges[data-astro-cid-bmcncoin]{stroke:var(--accent)}.text[data-astro-cid-bmcncoin] .t[data-astro-cid-bmcncoin]{fill:var(--ink);font-weight:500}.text[data-astro-cid-bmcncoin] .s[data-astro-cid-bmcncoin]{fill:var(--faint)}.text--faint[data-astro-cid-bmcncoin] .t[data-astro-cid-bmcncoin]{fill:var(--muted)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.figure[data-astro-cid-bmcncoin]{view-timeline:--diagram block}.figure[data-astro-cid-bmcncoin] .draw[data-astro-cid-bmcncoin],.figure[data-astro-cid-bmcncoin] .draw-in[data-astro-cid-bmcncoin]{animation-timeline:--diagram;animation-range:entry var(--s) entry var(--e)}}}@media (width<=767px){.scheme--wide[data-astro-cid-bmcncoin]{display:none}.scheme--narrow[data-astro-cid-bmcncoin]{display:block}}.shots[data-astro-cid-7snmnvbv]{padding:var(--card-pad);flex-direction:column;gap:20px;display:flex}.h2--sm[data-astro-cid-7snmnvbv]{font-size:var(--fs-h2-sm)}.grid[data-astro-cid-7snmnvbv]{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(20px,2.5vw,32px);display:grid}.pair[data-astro-cid-7snmnvbv]{flex-direction:column;gap:12px;margin:0;display:flex}.frames[data-astro-cid-7snmnvbv]{display:grid}.browser[data-astro-cid-7snmnvbv],.phone[data-astro-cid-7snmnvbv]{grid-area:1/1}.shot[data-astro-cid-7snmnvbv],.frames[data-astro-cid-7snmnvbv] img{width:100%;height:auto;display:block}.browser[data-astro-cid-7snmnvbv]{border:1px solid var(--line);width:86%;box-shadow:var(--shadow);background:#f6f7f9;border-radius:10px;align-self:start;overflow:hidden}.browser__bar[data-astro-cid-7snmnvbv]{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:24px;padding:0 10px;display:flex}.browser__dots[data-astro-cid-7snmnvbv]{gap:4px;display:flex}.browser__dots[data-astro-cid-7snmnvbv] i[data-astro-cid-7snmnvbv]{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.browser__host[data-astro-cid-7snmnvbv]{font-family:var(--font-mono);color:var(--faint);font-size:11px}.phone[data-astro-cid-7snmnvbv]{z-index:1;border:4px solid var(--ink);background:var(--ink);width:26%;box-shadow:var(--shadow-hover);border-radius:16px;place-self:start end;margin-top:16%;position:relative;overflow:hidden}.pair__caption[data-astro-cid-7snmnvbv]{font-size:var(--fs-small);color:var(--muted)}.frames[data-astro-cid-7snmnvbv] img{filter:saturate(.45)contrast(.92)brightness(1.04);transition:filter var(--t-med) var(--ease)}@media (hover:hover){.pair[data-astro-cid-7snmnvbv]:hover img{filter:none}}@media (prefers-reduced-motion:reduce){.frames[data-astro-cid-7snmnvbv] img{transition:none}}.head[data-astro-cid-dw6wxlt4]{flex-direction:column;gap:16px;max-width:74ch;padding:8px 0 40px;display:flex}.back[data-astro-cid-dw6wxlt4]{color:var(--muted);align-self:flex-start;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.back__arrow[data-astro-cid-dw6wxlt4]{color:var(--accent);transform:rotate(180deg)}.head[data-astro-cid-dw6wxlt4] .lead[data-astro-cid-dw6wxlt4]{font-size:var(--fs-lead)}.body[data-astro-cid-dw6wxlt4]{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(32px,4vw,64px);display:grid}.meta[data-astro-cid-dw6wxlt4]{gap:var(--gap);flex-direction:column;display:flex;position:sticky;top:96px}.meta__card[data-astro-cid-dw6wxlt4]{padding:var(--card-pad-sm);flex-direction:column;gap:24px;display:flex}.meta__block[data-astro-cid-dw6wxlt4]{flex-direction:column;gap:8px;display:flex}.meta__role[data-astro-cid-dw6wxlt4]{font-size:15px;font-weight:600}.meta__scope[data-astro-cid-dw6wxlt4],.meta__text[data-astro-cid-dw6wxlt4]{font-size:var(--fs-small);color:var(--muted)}.stack[data-astro-cid-dw6wxlt4],.links[data-astro-cid-dw6wxlt4]{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stack[data-astro-cid-dw6wxlt4] .chip[data-astro-cid-dw6wxlt4]{min-height:28px;padding:0 10px;font-size:12px}.links[data-astro-cid-dw6wxlt4]{flex-direction:column;gap:10px}.links[data-astro-cid-dw6wxlt4] a[data-astro-cid-dw6wxlt4]{color:var(--accent);align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.cta[data-astro-cid-dw6wxlt4]{padding:var(--card-pad-sm);flex-direction:column;gap:10px;display:flex}.cta__title[data-astro-cid-dw6wxlt4]{font-size:20px;font-weight:700}.cta__text[data-astro-cid-dw6wxlt4]{font-size:var(--fs-small);color:var(--dark-text)}.cta__link[data-astro-cid-dw6wxlt4]{color:var(--dark-accent);align-items:center;gap:8px;margin-top:6px;font-weight:600;display:inline-flex}.cta[data-astro-cid-dw6wxlt4]:hover{color:#fff}.h2--sm[data-astro-cid-dw6wxlt4]{font-size:var(--fs-h2-sm)}.prose--after[data-astro-cid-dw6wxlt4]{padding-top:var(--section-gap)}.prose--after[data-astro-cid-dw6wxlt4]>[data-astro-cid-dw6wxlt4]:first-child{margin-top:0}.last[data-astro-cid-dw6wxlt4]{padding-bottom:48px}.sibling[data-astro-cid-dw6wxlt4]{padding:var(--card-pad-sm);flex-direction:column;grid-column:span 1;gap:10px;display:flex}.sibling[data-astro-cid-dw6wxlt4] .h3[data-astro-cid-dw6wxlt4]{text-wrap:balance;min-height:2lh;font-size:19px}.sibling__lead[data-astro-cid-dw6wxlt4]{font-size:var(--fs-small)}.sibling__arrow[data-astro-cid-dw6wxlt4]{margin-top:auto}@media (width<=1023px){.body[data-astro-cid-dw6wxlt4]{grid-template-columns:minmax(0,1fr)}.meta[data-astro-cid-dw6wxlt4]{position:static}}