.code-list[data-astro-cid-b4araxqo]{margin-top:clamp(3rem,8vh,5.5rem);list-style:none}.code-item[data-astro-cid-b4araxqo]{border-top:1px solid rgba(var(--ink-rgb), .13);transition:border-color var(--theme-fade);grid-template-columns:clamp(7rem,16vw,11rem) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.4rem);padding:clamp(1.8rem,4vh,2.6rem) 0;display:grid}.code-item[data-astro-cid-b4araxqo].has-shots{align-items:center;gap:clamp(1.6rem,3.4vw,2.6rem);padding:clamp(2.6rem,6vh,4rem) 0}.code-item[data-astro-cid-b4araxqo].has-shots[data-side=left]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.code-item[data-astro-cid-b4araxqo].has-shots[data-side=right]{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=pair][data-side=left]{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=pair][data-side=right]{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr)}.code-item[data-astro-cid-b4araxqo].has-shots[data-side=right] .code-shots[data-astro-cid-b4araxqo]{grid-area:1/2}.code-item[data-astro-cid-b4araxqo].has-shots[data-side=right] .code-main[data-astro-cid-b4araxqo]{grid-area:1/1}.code-shots[data-astro-cid-b4araxqo]{--shot-cap:min(30rem, 62vh);gap:clamp(.6rem,1.4vw,.9rem);display:grid}.code-item[data-astro-cid-b4araxqo][data-shots=stack] .code-shots[data-astro-cid-b4araxqo]{--shot-cap:min(19rem, 38vh)}.code-item[data-astro-cid-b4araxqo][data-shots=pair] .code-shots[data-astro-cid-b4araxqo]{--shot-cap:min(26rem, 54vh);grid-template-columns:1fr 1fr;align-items:start}.code-item[data-astro-cid-b4araxqo][data-shots=trio] .code-shots[data-astro-cid-b4araxqo]{--shot-cap:min(19rem, 38vh);grid-template-columns:1fr 1fr;align-items:start}.code-item[data-astro-cid-b4araxqo][data-shots=trio] .code-shots[data-astro-cid-b4araxqo] img[data-astro-cid-b4araxqo]:first-child{grid-column:1/-1}@media (width<=62rem){.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=pair][data-side=left],.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=trio][data-side=left]{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=pair][data-side=right],.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=trio][data-side=right]{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.code-item[data-astro-cid-b4araxqo][data-shots=pair] .code-shots[data-astro-cid-b4araxqo],.code-item[data-astro-cid-b4araxqo][data-shots=trio] .code-shots[data-astro-cid-b4araxqo]{--shot-cap:min(18rem, 38vh);grid-template-columns:minmax(0,1fr)}.code-item[data-astro-cid-b4araxqo][data-shots=trio] .code-shots[data-astro-cid-b4araxqo] img[data-astro-cid-b4araxqo]:first-child{grid-column:auto}}.code-shots[data-astro-cid-b4araxqo] img[data-astro-cid-b4araxqo]{width:min(100%, var(--shot-cap) * var(--shot-ratio));height:auto;aspect-ratio:var(--shot-ratio);border:1px solid rgba(var(--ink-rgb), .13);transition:border-color var(--theme-fade), box-shadow var(--theme-fade);border-radius:.7rem;margin-inline:auto;display:block;box-shadow:0 2px 10px #00000012}html[data-theme=dark] .code-shots[data-astro-cid-b4araxqo] img[data-astro-cid-b4araxqo]{box-shadow:0 2px 14px #0000004d}.code-frame[data-astro-cid-b4araxqo]{aspect-ratio:4/3;border:1px solid hsla(var(--mark-hue), 45%, 45%, .18);background:hsla(var(--mark-hue), 55%, 50%, .1);transition:background-color var(--theme-fade), border-color var(--theme-fade);border-radius:.7rem;place-items:center;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000d}.code-mark[data-astro-cid-b4araxqo]{color:hsl(var(--mark-hue), 42%, 38%);letter-spacing:-.04em;transition:color var(--theme-fade);font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700}html[data-theme=dark] .code-mark[data-astro-cid-b4araxqo]{color:hsl(var(--mark-hue), 55%, 72%)}.lead-note[data-astro-cid-b4araxqo]{max-width:34rem;color:rgba(var(--ink-rgb), .6);transition:color var(--theme-fade);margin-top:.6rem;font-size:.94rem;line-height:1.55}.lead-note[data-astro-cid-b4araxqo] a[data-astro-cid-b4araxqo]{--mark-size:1.1em;color:var(--ink);border-bottom:1px solid rgba(var(--ink-rgb), .28);transition:color var(--theme-fade), border-color .25s ease;align-items:center;gap:.3rem;font-weight:650;text-decoration:none;display:inline-flex}.lead-note[data-astro-cid-b4araxqo] a[data-astro-cid-b4araxqo]:hover,.lead-note[data-astro-cid-b4araxqo] a[data-astro-cid-b4araxqo]:focus-visible{border-bottom-color:currentColor}.code-number[data-astro-cid-b4araxqo]{color:rgba(var(--ink-rgb), .34);letter-spacing:.17em;font-variant-numeric:tabular-nums;transition:color var(--theme-fade);margin-bottom:.5rem;font-size:.66rem;font-weight:650}.code-main[data-astro-cid-b4araxqo] h2[data-astro-cid-b4araxqo]{letter-spacing:-.035em;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.45rem,2.8vw,2.05rem);font-weight:600;line-height:1.05}.chips[data-astro-cid-b4araxqo]{color:rgba(var(--ink-rgb), .6);transition:color var(--theme-fade);margin-top:.5rem;font-size:clamp(.78rem,1.7vw,.84rem);line-height:1.7;list-style:none}.chips[data-astro-cid-b4araxqo] li[data-astro-cid-b4araxqo]{display:inline}.chips[data-astro-cid-b4araxqo] li[data-astro-cid-b4araxqo]+li[data-astro-cid-b4araxqo]:before{content:"·";color:rgba(var(--ink-rgb), .3);margin:0 .5rem}.ai-note[data-astro-cid-b4araxqo]{color:rgba(var(--ink-rgb), .48);transition:color var(--theme-fade);margin-top:.55rem;font-size:.76rem;font-style:italic;line-height:1.5}.code-copy[data-astro-cid-b4araxqo]{max-width:42rem;color:rgba(var(--ink-rgb), .72);text-wrap:pretty;transition:color var(--theme-fade);margin-top:.95rem;font-size:clamp(.88rem,1.6vw,.96rem);line-height:1.68}.code-links[data-astro-cid-b4araxqo]{flex-wrap:wrap;gap:1.3rem;margin-top:1.25rem;display:flex}.code-links[data-astro-cid-b4araxqo] a[data-astro-cid-b4araxqo]{--mark-size:1.15em;color:var(--ink);border-bottom:1px solid rgba(var(--ink-rgb), .28);transition:color var(--theme-fade), border-color .25s ease;align-items:center;gap:.42rem;font-size:.8rem;font-weight:650;text-decoration:none;display:inline-flex}.code-links[data-astro-cid-b4araxqo] a[data-astro-cid-b4araxqo]:hover,.code-links[data-astro-cid-b4araxqo] a[data-astro-cid-b4araxqo]:focus-visible{border-bottom-color:currentColor}a[data-astro-cid-b4araxqo]:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}.sr-only[data-astro-cid-b4araxqo]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=46rem){.code-item[data-astro-cid-b4araxqo],.code-item[data-astro-cid-b4araxqo].has-shots[data-side=left],.code-item[data-astro-cid-b4araxqo].has-shots[data-side=right],.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=pair][data-side=left],.code-item[data-astro-cid-b4araxqo].has-shots[data-shots=pair][data-side=right]{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.1rem}.code-item[data-astro-cid-b4araxqo].has-shots[data-side=right] .code-shots[data-astro-cid-b4araxqo],.code-item[data-astro-cid-b4araxqo].has-shots[data-side=right] .code-main[data-astro-cid-b4araxqo]{grid-area:auto/1}.code-shots[data-astro-cid-b4araxqo]{--shot-cap:70vh}.code-item[data-astro-cid-b4araxqo][data-shots=stack] .code-shots[data-astro-cid-b4araxqo]{--shot-cap:34vh}.code-item[data-astro-cid-b4araxqo][data-shots=pair] .code-shots[data-astro-cid-b4araxqo]{--shot-cap:38vh;grid-template-columns:minmax(0,1fr)}.code-frame[data-astro-cid-b4araxqo]{aspect-ratio:16/9;max-width:14rem}}