cookbook-walkthrough:where(.astro-ljcahtsi){color:#e4e8f0;--step-progress:33.333%;background:#101722;border:1px solid #303c50;border-radius:14px;margin:1.5rem 0 2rem;display:block;overflow:hidden;container-type:inline-size}.walkthrough-top:where(.astro-ljcahtsi){color:#a1aec3;font:400 .65rem var(--sl-font-mono);letter-spacing:.08em;background:#151e2c;border-bottom:1px solid #263244;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;display:flex}.walkthrough-top:where(.astro-ljcahtsi) span:where(.astro-ljcahtsi){align-items:center;gap:.6rem;display:flex}.walkthrough-top:where(.astro-ljcahtsi) span:where(.astro-ljcahtsi):last-child{color:#b5a0ff;letter-spacing:0}.walkthrough-top:where(.astro-ljcahtsi) i:where(.astro-ljcahtsi){background:#63e2bd;border-radius:50%;width:6px;height:6px}.walkthrough-steps:where(.astro-ljcahtsi){grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:1rem;display:grid;margin:0!important}button:where(.astro-ljcahtsi){cursor:pointer;font:inherit;color:inherit;margin:0!important}button:where(.astro-ljcahtsi):focus-visible,select:where(.astro-ljcahtsi):focus-visible{outline-offset:3px;outline:2px solid #63e2bd}.walkthrough-steps:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi){text-align:left;color:#b5bfd1;background:#172030;border:1px solid #303c50;border-radius:8px;align-items:flex-start;gap:.7rem;min-width:0;padding:.9rem;font-size:.84rem;line-height:1.4;display:flex}.walkthrough-steps:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi)[aria-pressed=true]{color:#ece5ff;background:#b5a0ff16;border-color:#b5a0ff;box-shadow:inset 0 2px #b5a0ff}.walkthrough-steps:where(.astro-ljcahtsi) b:where(.astro-ljcahtsi){font-weight:550;display:block}.walkthrough-steps:where(.astro-ljcahtsi) small:where(.astro-ljcahtsi){font:400 .63rem/1.7 var(--sl-font-mono);color:#aebbd0;overflow-wrap:anywhere;margin-top:.4rem;display:block}.step-number:where(.astro-ljcahtsi){font:400 .75rem/1.5 var(--sl-font-mono);color:#b5a0ff}.comparison-choice:where(.astro-ljcahtsi){color:#b0bbcf;flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem;padding:0 1.2rem .8rem;font-size:.75rem;display:flex;margin:0!important}.comparison-choice:where(.astro-ljcahtsi) label:where(.astro-ljcahtsi){align-items:center;gap:.6rem;display:flex}.comparison-choice:where(.astro-ljcahtsi) select:where(.astro-ljcahtsi){color:#e4e8f0;font:inherit;background:#172030;border:1px solid #516078;border-radius:5px;padding:.4rem}.walkthrough-comparison:where(.astro-ljcahtsi){grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:start;padding:.5rem 1rem 1.2rem;display:grid;margin:0!important}figure:where(.astro-ljcahtsi),.walkthrough-outputs:where(.astro-ljcahtsi),.walkthrough-outputs:where(.astro-ljcahtsi)>div:where(.astro-ljcahtsi){min-width:0;margin:0!important}figcaption:where(.astro-ljcahtsi){flex-direction:column;gap:.3rem;min-height:5.4rem;padding:0 .3rem .8rem;font-size:.87rem;line-height:1.4;display:flex;margin:0!important}figcaption:where(.astro-ljcahtsi) strong:where(.astro-ljcahtsi){color:#e4e8f0;font-weight:550}.panel-label:where(.astro-ljcahtsi){font:400 .6rem var(--sl-font-mono);letter-spacing:.08em;color:#a1aec3}.walkthrough-outputs:where(.astro-ljcahtsi) .panel-label:where(.astro-ljcahtsi){color:#63e2bd}.dimensions:where(.astro-ljcahtsi){font:400 .6rem var(--sl-font-mono);color:#a1aec3}.image-frame:where(.astro-ljcahtsi){aspect-ratio:7/5;background-color:#162030;background-image:linear-gradient(45deg,#202c3b 25%,#0000 25% 75%,#202c3b 75%),linear-gradient(45deg,#202c3b 25%,#0000 25% 75%,#202c3b 75%);background-position:0 0,10px 10px;background-size:20px 20px;border:1px solid #303c50;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden;margin:0!important}.image-frame:where(.astro-ljcahtsi) img:where(.astro-ljcahtsi){object-fit:contain;width:100%;height:100%;display:block;margin:0!important}.comparison-arrow:where(.astro-ljcahtsi){color:#63e2bd;text-align:center;margin-top:11rem}.image-description:where(.astro-ljcahtsi){color:#b7c3d8;white-space:pre-line;line-height:1.65;margin:.75rem .3rem 0!important;font-size:.77rem!important}.frame-choices:where(.astro-ljcahtsi){flex-wrap:wrap;gap:.4rem;display:flex;margin:.8rem .3rem 0!important}.frame-choices:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi),.playback-controls:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi){color:#cbd6e6;background:0 0;border:1px solid #516078;border-radius:5px;padding:.35rem .65rem;font-size:.74rem}.frame-choices:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi)[aria-pressed=true]{color:#8bf0d1;background:#63e2bd15;border-color:#63e2bd}.walkthrough-explanation:where(.astro-ljcahtsi){background:#192438;border-block:1px solid #303c50;padding:1.1rem 1.2rem 1.4rem;position:relative;margin:0!important}.playback-controls:where(.astro-ljcahtsi){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex;margin:0!important}.playback-controls:where(.astro-ljcahtsi)>span:where(.astro-ljcahtsi){color:#b5a0ff;font:400 .63rem var(--sl-font-mono);letter-spacing:.07em}.playback-controls:where(.astro-ljcahtsi)>div:where(.astro-ljcahtsi){flex-wrap:wrap;gap:.4rem;display:flex}.playback-controls:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi):disabled{opacity:.4;cursor:default}.algorithm-heading:where(.astro-ljcahtsi){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem;display:flex}.algorithm-heading:where(.astro-ljcahtsi) h3:where(.astro-ljcahtsi){color:#e4e8f0;margin:0;font-size:1rem}.algorithm-heading:where(.astro-ljcahtsi) a:where(.astro-ljcahtsi),.walkthrough-note:where(.astro-ljcahtsi) a:where(.astro-ljcahtsi){color:#8bf0d1;font-size:.75rem;margin:0!important}.algorithm-chips:where(.astro-ljcahtsi){flex-wrap:wrap;gap:.4rem;display:flex;margin:.7rem 0!important}.algorithm-chips:where(.astro-ljcahtsi) code:where(.astro-ljcahtsi){color:#d6c9ff;overflow-wrap:anywhere;background:#101722;border:1px solid #3a4760;border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.step-action:where(.astro-ljcahtsi){color:#e4e8f0;margin:.8rem 0!important;font-size:.87rem!important}.walkthrough-explanation:where(.astro-ljcahtsi) dl:where(.astro-ljcahtsi){grid-template-columns:1fr 1fr;gap:1.4rem;display:grid;margin:1rem 0!important}.walkthrough-explanation:where(.astro-ljcahtsi) dl:where(.astro-ljcahtsi)>div:where(.astro-ljcahtsi){border-left:2px solid #63e2bd;padding-left:.8rem;margin:0!important}.walkthrough-explanation:where(.astro-ljcahtsi) dl:where(.astro-ljcahtsi)>div:where(.astro-ljcahtsi):last-child{border-color:#b5a0ff}.walkthrough-explanation:where(.astro-ljcahtsi) dt:where(.astro-ljcahtsi){color:#e4e8f0;font-size:.73rem;font-weight:600}.walkthrough-explanation:where(.astro-ljcahtsi) dd:where(.astro-ljcahtsi){color:#b7c3d8;margin:.3rem 0 0;font-size:.8rem;line-height:1.7}.step-why:where(.astro-ljcahtsi){color:#c7d1e3;line-height:1.75;margin:1rem 0 0!important;font-size:.81rem!important}.step-why:where(.astro-ljcahtsi) strong:where(.astro-ljcahtsi){color:#e4e8f0}.walkthrough-progress:where(.astro-ljcahtsi){background:#303c50;height:2px;position:absolute;bottom:0;left:0;right:0}.walkthrough-progress:where(.astro-ljcahtsi) span:where(.astro-ljcahtsi){width:var(--step-progress);background:#b5a0ff;height:100%;transition:width .2s;display:block}.walkthrough-note:where(.astro-ljcahtsi){color:#aab8ce;padding:.9rem 1.2rem;line-height:1.7;margin:0!important;font-size:.69rem!important}.walkthrough-note:where(.astro-ljcahtsi) a:where(.astro-ljcahtsi){white-space:normal}.sr-only:where(.astro-ljcahtsi){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:where(.astro-ljcahtsi)[hidden]{display:none!important}@container (width<=650px){.walkthrough-steps:where(.astro-ljcahtsi){grid-template-columns:1fr;gap:.4rem;padding:.8rem}.walkthrough-steps:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi){padding:.65rem .75rem}.walkthrough-steps:where(.astro-ljcahtsi) small:where(.astro-ljcahtsi){display:none}.walkthrough-comparison:where(.astro-ljcahtsi){grid-template-columns:1fr;gap:.8rem;padding:.8rem}.comparison-arrow:where(.astro-ljcahtsi){margin:0;line-height:1;transform:rotate(90deg)}.walkthrough-explanation:where(.astro-ljcahtsi) dl:where(.astro-ljcahtsi){grid-template-columns:1fr}.walkthrough-top:where(.astro-ljcahtsi){padding:.85rem;font-size:.57rem}figcaption:where(.astro-ljcahtsi){min-height:0}.comparison-choice:where(.astro-ljcahtsi)>span:where(.astro-ljcahtsi){display:none}.walkthrough-explanation:where(.astro-ljcahtsi){padding:1rem}.playback-controls:where(.astro-ljcahtsi) button:where(.astro-ljcahtsi){font-size:.68rem}}@media (prefers-reduced-motion:reduce){.walkthrough-progress:where(.astro-ljcahtsi) span:where(.astro-ljcahtsi){transition:none}}.recipe-number:where(.astro-yx3py4yz){font:500 .75rem var(--sl-font-mono);color:var(--mint);margin-bottom:.7rem;display:block}.chain-intuition:where(.astro-yx3py4yz){max-width:90ch;font-size:1.05rem}.reasoning-stages:where(.astro-yx3py4yz){list-style:none;padding:0!important}.reasoning-stages:where(.astro-yx3py4yz)>li:where(.astro-yx3py4yz){border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(0,2.5fr);gap:2rem;padding:1.6rem 0;display:grid;margin:0!important}.stage-choice:where(.astro-yx3py4yz) h3:where(.astro-yx3py4yz){margin:0 0 .8rem;font-size:1.05rem}.algorithm-names:where(.astro-yx3py4yz){flex-wrap:wrap;gap:.4rem;display:flex}.algorithm-names:where(.astro-yx3py4yz) code:where(.astro-yx3py4yz){overflow-wrap:anywhere;font-size:.7rem}.stage-reasoning:where(.astro-yx3py4yz)>p:where(.astro-yx3py4yz){max-width:90ch;margin-top:0}.stage-reasoning:where(.astro-yx3py4yz) dl:where(.astro-yx3py4yz){grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 0;display:grid}.stage-reasoning:where(.astro-yx3py4yz) dl:where(.astro-yx3py4yz)>div:where(.astro-yx3py4yz){border-left:2px solid var(--violet);padding-left:1rem}.stage-reasoning:where(.astro-yx3py4yz) dt:where(.astro-yx3py4yz){color:var(--violet);font-size:.75rem;font-weight:650}.stage-reasoning:where(.astro-yx3py4yz) dd:where(.astro-yx3py4yz){color:var(--muted);margin:.35rem 0 0;font-size:.85rem;line-height:1.7}.recipe-advice:where(.astro-yx3py4yz){grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.recipe-advice:where(.astro-yx3py4yz)>div:where(.astro-yx3py4yz){border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:0;padding:1.2rem}.recipe-advice:where(.astro-yx3py4yz) h3:where(.astro-yx3py4yz){margin:0;font-size:1rem}.recipe-advice:where(.astro-yx3py4yz) p:where(.astro-yx3py4yz){margin-bottom:0;font-size:.9rem}@media (width<=800px){.reasoning-stages:where(.astro-yx3py4yz)>li:where(.astro-yx3py4yz),.stage-reasoning:where(.astro-yx3py4yz) dl:where(.astro-yx3py4yz),.recipe-advice:where(.astro-yx3py4yz){grid-template-columns:1fr}.reasoning-stages:where(.astro-yx3py4yz)>li:where(.astro-yx3py4yz){gap:1rem}}