/* Guide illustrations and real, selectable console examples. */
.guide-visual{margin:30px 0;min-width:0}.guide-diagram-frame{overflow-x:auto;border:1px solid #3c5140;border-radius:10px;background:#0b120e;scrollbar-color:#5d8054 #101a13}.guide-diagram-frame img{display:block;width:100%;min-width:560px;height:auto}.guide-diagram-frame:focus-visible{outline:2px solid var(--green);outline-offset:3px}.guide-visual figcaption{font-size:12px;line-height:1.8;margin-top:12px;color:var(--muted)}.guide-console .code-block{margin:0}.guide-console pre{font-size:12px;line-height:1.8;padding:20px 16px}.guide-console .console-line{display:inline;white-space:pre}.guide-console .console-highlight{background:#a2ff6314;border-left:2px solid var(--green);margin-left:-8px;padding-left:6px;color:#eefbe8}.guide-console .code-block header{font-size:10px;gap:12px}.guide-console .code-block header button{flex-shrink:0}@media(max-width:600px){.guide-visual{margin:24px 0}.guide-console pre{font-size:11px}.guide-console .code-block header{padding:10px 12px}.guide-visual figcaption{font-size:12px}}

.guide-screenshot img{display:block;width:100%;height:auto;border:1px solid #3c5140;border-radius:10px;background:#0b120e}.guide-screenshot a{display:block;border-radius:10px}.guide-screenshot a:focus-visible{outline:2px solid var(--green);outline-offset:4px}