.how-stack{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:start;--hairline-plate: var(--bg);--hairline-hi: #f0d020;--hairline-edge: #9a9891;--hairline-mid: #4a4d52;--hairline-lo: #2a2d31}.how-stack-figure{position:sticky;top:4.5rem}.how-stack-tabs{display:flex;flex-direction:column-reverse;gap:.3rem;margin:.8rem 0 0;padding:0;list-style:none}.how-stack-tabs button{width:100%;padding:.45rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text-dim);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.how-stack-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.how-stack-num{display:inline-block;width:1.4em;color:var(--accent);font-weight:650}.how-stack-tabs button.is-applied{color:var(--text)}.how-stack-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin-top:.5rem}.how-stack-nav button{padding:.45rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-dim);font:inherit;font-size:.85rem;cursor:pointer}.how-stack-nav button:disabled{opacity:.4;cursor:default}.how-stack-photos{display:grid;border-radius:var(--radius);overflow:hidden;background:var(--bg-inset)}.how-stack-photos img{grid-area:1 / 1;display:block;width:100%;height:auto;opacity:0;transition:opacity .5s ease}.how-stack-photos img.is-shown{opacity:1}.how-stack-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;margin-top:.5rem}.how-stack-progress span{height:3px;border-radius:2px;background:var(--border);transition:background .3s ease}.how-stack-progress span.is-on{background:var(--accent)}@media(prefers-reduced-motion:reduce){.how-stack-photos img,.how-stack-progress span{transition:none}}.how-stack-panel h3{margin:.2rem 0 .3rem;font-size:1.35rem}.how-stack-kicker{margin:.9rem 0 0;font-size:.75rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.how-stack-settings{margin:0 0 .6rem;color:var(--accent);font-size:.9rem}.how-stack-how{color:var(--text-dim);font-size:.92rem}.how-figure{width:100%;max-width:22rem;margin:0 auto;--hairline-plate: var(--bg);--hairline-hi: #f0d020;--hairline-edge: #9a9891;--hairline-mid: #4a4d52;--hairline-lo: #2a2d31}@media(max-width:760px){.how-stack{grid-template-columns:minmax(0,1fr);gap:1rem}.how-stack-figure{position:static;max-width:24rem;margin:0 auto;width:100%}.how-stack-figure [data-hairline]{max-width:13rem;margin:0 auto}.how-stack-tabs{flex-direction:row}.how-stack-tabs li{flex:1}.how-stack-tabs button{padding:.5rem 0;text-align:center;font-size:0}.how-stack-num{width:auto;font-size:.95rem}}.how[data-astro-cid-wlncami7]{max-width:62rem}.how[data-astro-cid-wlncami7] section[data-astro-cid-wlncami7]{margin:0 0 4rem}.how-hook[data-astro-cid-wlncami7]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.4rem;margin:1.6rem 0 0;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.how-hook[data-astro-cid-wlncami7] p[data-astro-cid-wlncami7]{flex:1 1 22rem;margin:0;color:var(--text-dim)}.how-hook[data-astro-cid-wlncami7] strong[data-astro-cid-wlncami7]{color:var(--text)}.how-hook-actions[data-astro-cid-wlncami7]{display:flex;flex-wrap:wrap;gap:.5rem}#use-the-engine[data-astro-cid-wlncami7]{scroll-margin-top:4.5rem}.how-hero[data-astro-cid-wlncami7]{padding:2.4rem 0 .5rem;max-width:44rem}.how-eyebrow[data-astro-cid-wlncami7]{margin:0 0 .5rem;color:var(--accent);font-size:.8rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.how[data-astro-cid-wlncami7] h1[data-astro-cid-wlncami7]{margin:0 0 .9rem;font-size:clamp(1.6rem,6vw,2.5rem);letter-spacing:-.02em;text-wrap:balance}.how-byline[data-astro-cid-wlncami7]{margin:0 0 .9rem;color:var(--text-dim);font-size:.9rem}.how-lede[data-astro-cid-wlncami7]{font-size:1.1rem;color:var(--text-dim)}.how[data-astro-cid-wlncami7] h2[data-astro-cid-wlncami7]{margin:0 0 .7rem;font-size:1.45rem}.how[data-astro-cid-wlncami7] p[data-astro-cid-wlncami7]{line-height:1.6}.how-intro[data-astro-cid-wlncami7]{max-width:44rem;color:var(--text-dim);margin-bottom:1.6rem}.how-row[data-astro-cid-wlncami7]{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2rem;align-items:center}.how-stats[data-astro-cid-wlncami7]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1.8rem}.how-stats[data-astro-cid-wlncami7] div[data-astro-cid-wlncami7]{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.how-stats[data-astro-cid-wlncami7] strong[data-astro-cid-wlncami7]{display:block;font-size:1.5rem;font-variant-numeric:tabular-nums}.how-stats[data-astro-cid-wlncami7] span[data-astro-cid-wlncami7]{color:var(--text-dim);font-size:.85rem}.how-code[data-astro-cid-wlncami7]{margin:0 0 1.2rem;padding:.9rem 1rem;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);font-size:.85rem;line-height:1.55}.how-code[data-astro-cid-wlncami7] code[data-astro-cid-wlncami7]{color:var(--text)}.how-list[data-astro-cid-wlncami7]{padding-left:1.2rem;line-height:1.6}.how-list[data-astro-cid-wlncami7] li[data-astro-cid-wlncami7]{margin-bottom:.4rem}@media(max-width:760px){.how-row[data-astro-cid-wlncami7]{grid-template-columns:minmax(0,1fr)}.how-stats[data-astro-cid-wlncami7]{grid-template-columns:repeat(2,minmax(0,1fr))}}