.guide-code{min-width:0}.guide-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--fg-subtle);font:11px/1.5 var(--font-mono)}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:0;background:transparent;color:var(--cerulean-300);font:12px/1.4 var(--font-mono);cursor:pointer}.guide-button:hover{color:var(--fg)}.guide-button:focus-visible,.guide-options input:focus-visible{outline:2px solid var(--cerulean-400);outline-offset:3px}.guide-button:disabled{cursor:default}.guide-copy{min-width:76px}.guide-copy[data-ready=false]{visibility:hidden}.guide-interactive{margin-block:32px;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;background:var(--ink-950)}.guide-interactive>.blog-eyebrow{margin:24px 24px 16px;color:var(--cerulean-300)}.guide-options{margin:0;padding:0 24px 20px;border:0}.guide-options legend{margin-bottom:8px;color:var(--fg);font-size:15px}.guide-options label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.guide-options input{width:18px;height:18px;accent-color:var(--cerulean-400)}.guide-verdict{display:grid;gap:4px;min-height:106px;padding:20px 24px;border-block:1px solid var(--border)}.guide-verdict strong{color:var(--cerulean-300);font-family:var(--font-mono)}.guide-verdict span{font-size:14px}.guide-replay-output{height:170px;overflow:auto}.blog-prose .guide-replay-output pre{min-height:100%}.blog-prose .guide-note{margin:0;padding:20px 24px;border-top:1px solid var(--border);color:var(--fg-subtle);font-size:13px;line-height:1.7}.guide-capture{margin:32px 0}.blog-prose .guide-capture img{width:100%;max-height:none;margin:0;border-radius:8px}.guide-capture figcaption{margin-top:12px;color:var(--fg-subtle);font-size:13px;line-height:1.6}.guide-setups{margin-block:32px}.blog-prose .guide-setup-label{margin-bottom:12px;color:var(--fg-subtle);font:12px/1.5 var(--font-mono)}.guide-tabs{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--border-strong)}.guide-tabs button{min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--fg-muted);font-size:14px;cursor:pointer}.guide-tabs button[aria-selected=true]{border-color:var(--border-strong);background:var(--ink-950);color:var(--cerulean-300)}.guide-setups [role=tabpanel]:focus-visible,.guide-tabs button:focus-visible{outline:2px solid var(--cerulean-400);outline-offset:4px}.guide-setups [role=tabpanel]>div>section>*+*{margin-top:1.4em}.guide-setups [role=tabpanel]>div>section>h2{margin-top:28px}.guide-setups [hidden]{display:none}@media (max-width:640px){.guide-code-toolbar{padding-inline:12px}.guide-interactive>.blog-eyebrow{margin-inline:16px}.blog-prose .guide-note,.guide-options,.guide-verdict{padding-inline:16px}.guide-verdict{min-height:138px}.guide-replay-output{height:260px}}.guide-page .blog-post-cta-actions>a:first-child{min-width:220px;justify-content:flex-start}.guide-jumps a{gap:10px}.guide-step{flex:0 0 2ch;color:var(--cerulean-300);font:11px/1.5 var(--font-mono)}.guide-page .blog-prose pre{overflow-x:hidden;white-space:pre-wrap}.guide-page .blog-prose pre code{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}