.cc-infra{
  --cc-scene-status-healthy:var(--cc-blue-bright);
  /* Fault states use incident coral. Degraded and offline share the hue and are
     told apart WITHOUT relying on hue. Tiles carry an icon and a
     text label; CONNECTORS carry neither, so the two severities are given
     distinct stroke patterns instead — degraded a short dash, offline a
     heavier long dash. Collapsing both to one rule made them identical on
     edges, which is the WCAG 1.4.1 failure this avoids. */
  --cc-scene-status-degraded:var(--cc-red-bright);
  --cc-scene-status-offline:var(--cc-red-bright);
  --cc-scene-status-repairing:var(--cc-blue);
  --cc-scene-status-verifying:var(--cc-blue-bright);
  color:var(--cc-text-primary);background:var(--cc-surface-low);border:1px solid var(--cc-border);border-radius:var(--cc-radius-medium);box-shadow:var(--cc-shadow-tile);overflow:hidden;font-family:var(--font-body);isolation:isolate
}
[data-infrastructure-demo][data-scene-enhanceable=true]{min-height:840px}
.cc-infra *{box-sizing:border-box}
.cc-infra button,.cc-infra input{font:inherit}
.cc-infra button{min-height:44px}
.cc-infra button:focus-visible,.cc-infra input:focus-visible,.cc-infra summary:focus-visible{outline:3px solid var(--cc-ivory-100);outline-offset:3px}
.cc-infra-header{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--dark-line);background:var(--cc-navy-900)}
.cc-infra-identity{min-width:0;flex:1}.cc-infra-kicker{display:block;color:var(--cc-blue-bright);font:600 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.cc-infra-title{margin:3px 0 0;color:var(--cc-ivory-100);font:650 clamp(18px,2vw,24px)/1.25 var(--font-display)}
.cc-infra-environment{margin:3px 0 0;color:var(--cc-mist-400);font:12px/1.5 var(--font-mono)}
.cc-infra-world-state{display:flex;align-items:center;gap:8px;color:var(--cc-mist-200);font:12px/1.3 var(--font-mono);white-space:nowrap}
.cc-infra-world-state__dot{width:8px;height:8px;border-radius:50%;background:var(--cc-boundary-500);box-shadow:0 0 0 4px rgba(95,130,153,.16)}
.cc-infra-demo-controls{padding:16px 20px;border-bottom:1px solid var(--dark-line);background:var(--cc-navy-900)}
.cc-infra-tabs{display:flex;gap:6px;overflow:auto;padding:3px}.cc-infra-tab,.cc-infra-tool,.cc-infra-secondary{border:1px solid var(--dark-line);border-radius:var(--cc-radius-sm);background:var(--cc-navy-900);color:var(--cc-mist-200);padding:9px 13px;cursor:pointer}
.cc-infra-tab[aria-selected=true]{background:var(--cc-navy-800);border-color:var(--cc-boundary-500);color:var(--cc-ivory-100)}
.cc-infra-demo-intro{display:flex;align-items:center;gap:10px;margin-top:12px}.cc-infra-demo-description{flex:1;margin:0;color:var(--cc-mist-200);line-height:1.6}.cc-infra-demo-panel{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
/* The workspace keeps ONE column whether or not the drawer is open. It used to
   add a 34% drawer column, which shrank the canvas — and because tiles are
   positioned at PERCENTAGES of the canvas while the tiles themselves are a
   fixed width, every gap between them collapsed while the boxes stayed the
   same size, so they overlapped. The architecture must not move when you
   inspect something, so the drawer is now an overlay on top of the canvas
   instead of a column beside it. */
.cc-infra-workspace{--cc-infra-drawer-w:clamp(300px,34%,440px);position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:540px;background:#000}
.cc-infra-canvas{position:relative;min-height:540px;overflow:hidden;background-color:#000;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1px);background-size:22px 22px}
.cc-infra-toolbar{position:absolute;z-index:5;top:12px;right:12px;display:flex;gap:7px;transition:right var(--cc-duration-panel) var(--cc-ease-precision)}
/* The drawer overlays the canvas top-right, which is where this toolbar
   lives — without this shift the overlay swallows Fit view and Reset and
   they become unclickable, which is exactly what the ADR-0047 scene test
   caught. Shares the drawer width variable so the two cannot drift. */
.cc-infra--focused .cc-infra-toolbar{right:calc(var(--cc-infra-drawer-w) + 12px)}.cc-infra-tool{background:rgba(13,41,64,.94);font-size:12px}
.cc-infra-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cc-infra-connector path{fill:none;stroke:var(--cc-boundary-500);stroke-width:.75;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.cc-infra-connector--degraded path{stroke:var(--cc-scene-status-degraded);stroke-dasharray:2.3 2.3}.cc-infra-connector--offline path{stroke:var(--cc-scene-status-offline);stroke-dasharray:7 2.4;stroke-width:1.15}.cc-infra-connector--repairing path{stroke:var(--cc-scene-status-repairing);stroke-dasharray:4 2}.cc-infra-connector--verifying path{stroke:var(--cc-scene-status-verifying);stroke-dasharray:1.5 1.5}
.cc-infra-tile{position:absolute;z-index:2;left:var(--cc-tile-x);top:var(--cc-tile-y);width:154px;min-height:112px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px;border:1px solid var(--dark-line);border-left:4px solid var(--cc-status);border-radius:var(--cc-radius-md);background:rgba(13,41,64,.96);color:var(--cc-ivory-100);box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer;transition:transform var(--cc-duration-control) var(--cc-ease-precision),border-color var(--cc-duration-control) var(--cc-ease-precision),background var(--cc-duration-control) var(--cc-ease-precision)}
.cc-infra-tile:hover,.cc-infra-tile:focus-visible{transform:translate(-50%,-50%) translateY(-3px);background:var(--cc-navy-800)}
.cc-infra-tile[aria-pressed=true]{border-color:var(--cc-ivory-100)}
.cc-infra-tile--healthy{--cc-status:var(--cc-scene-status-healthy)}.cc-infra-tile--degraded{--cc-status:var(--cc-scene-status-degraded)}.cc-infra-tile--offline{--cc-status:var(--cc-scene-status-offline)}.cc-infra-tile--repairing{--cc-status:var(--cc-scene-status-repairing)}.cc-infra-tile--verifying{--cc-status:var(--cc-scene-status-verifying)}
.cc-infra-tile__heading{display:flex;gap:8px;align-items:center;width:100%}.cc-infra-tile__glyph{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--cc-status);border-radius:8px;color:var(--cc-status);font:700 10px/1 var(--font-mono)}
.cc-infra-tile__name{font-size:13px;font-weight:650;line-height:1.25}.cc-infra-tile__type{margin-top:8px;color:var(--cc-mist-400);font:10px/1.25 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.cc-infra-tile__endpoint{max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:var(--cc-mist-200);font:10px/1.25 var(--font-mono);white-space:nowrap}
.cc-infra-status{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:var(--cc-status,var(--cc-mist-200));font:600 10px/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.035em}.cc-infra-status__icon{display:grid;place-items:center;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font-size:9px}
.cc-infra-status--healthy{--cc-status:var(--cc-scene-status-healthy)}.cc-infra-status--degraded{--cc-status:var(--cc-scene-status-degraded)}.cc-infra-status--offline{--cc-status:var(--cc-scene-status-offline)}.cc-infra-status--repairing{--cc-status:var(--cc-scene-status-repairing)}.cc-infra-status--verifying{--cc-status:var(--cc-scene-status-verifying)}
.cc-infra-drawer{position:absolute;inset-block:0;inset-inline-end:0;width:var(--cc-infra-drawer-w);z-index:6;padding:20px;border-left:1px solid var(--dark-line);background:var(--cc-navy-900);overflow:auto;box-shadow:-18px 0 44px rgba(0,0,0,.55)}.cc-infra-drawer[hidden]{display:none}.cc-infra-drawer__header{display:flex;align-items:flex-start;gap:10px}.cc-infra-drawer__title{flex:1;margin:0;font-size:19px}/* Sized from its content outward, never to a fixed width: this held a 44px
   icon dimension while carrying the word "Close", so the label overflowed its
   own box (measured scrollWidth 47 vs clientWidth 42) and sat hard against the
   border. min-width keeps the 44px tap target for a glyph; padding lets a word
   grow the box instead of being clipped. */
.cc-infra-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:0 12px;border:1px solid var(--dark-line);border-radius:var(--cc-radius-sm);background:transparent;color:var(--cc-mist-200);cursor:pointer}
.cc-infra-facts{margin:18px 0}.cc-infra-facts div{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid rgba(39,74,98,.6)}.cc-infra-facts dt{color:var(--cc-mist-400);font-size:12px}.cc-infra-facts dd{margin:0;overflow-wrap:anywhere;color:var(--cc-mist-200);font:12px/1.45 var(--font-mono)}.cc-infra-drawer h4{margin:18px 0 8px;font-size:13px}.cc-infra-evidence{margin:0;padding-left:20px;color:var(--cc-mist-200);font-size:12px;line-height:1.6}.cc-infra-resource-actions{margin-top:20px}.cc-infra-action-note{margin:8px 0 16px;color:var(--cc-mist-400);font-size:11px;line-height:1.55}
.cc-infra-primary{border:1px solid var(--cc-amber-500);border-radius:var(--cc-radius-sm);background:var(--cc-amber-500);color:var(--cc-navy-950);padding:10px 14px;font-weight:700;cursor:pointer}.cc-infra-primary:hover{background:var(--cc-amber-600)}
.cc-infra-summary{border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);padding:12px 20px;background:var(--cc-navy-900);color:var(--cc-mist-200);font-size:12px}.cc-infra-summary summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650;color:var(--cc-ivory-100)}.cc-infra-summary p{margin:4px 0 8px;line-height:1.65}
.cc-infra-terminal{border-bottom:1px solid var(--dark-line);background:var(--dark-deep);font-family:var(--font-mono)}.cc-infra-terminal__header{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--dark-line);color:var(--cc-mist-400);font-size:11px}.cc-infra-terminal__context{color:var(--cc-mist-200)}.cc-infra-terminal__log{min-height:130px;max-height:240px;overflow:auto;padding:14px 16px}.cc-infra-terminal__line{margin:0 0 7px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cc-mist-200);font:12px/1.55 var(--font-mono)}.cc-infra-terminal__line--stderr{color:var(--cc-red-bright)}.cc-infra-terminal__line--effect{color:var(--cc-blue-bright)}.cc-infra-terminal__line--note{color:var(--cc-mist-400)}.cc-infra-terminal__form{display:flex;align-items:center;gap:9px;padding:10px 12px;border-top:1px solid var(--dark-line)}.cc-infra-terminal__prompt{color:var(--cc-blue-bright);font-size:11px}.cc-infra-terminal__input{min-width:0;flex:1;height:44px;border:1px solid var(--dark-line);border-radius:var(--cc-radius-xs);background:var(--cc-navy-950);color:var(--cc-ivory-100);padding:0 10px;font-family:var(--font-mono)}.cc-infra-terminal__run{border:1px solid var(--cc-boundary-500);border-radius:var(--cc-radius-xs);background:var(--cc-navy-800);color:var(--cc-ivory-100);padding:8px 14px;cursor:pointer}
.cc-infra-side{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;background:var(--dark-line)}.cc-infra-investigation,.cc-infra-instruments,.cc-infra-progress{padding:18px 20px;background:var(--cc-navy-900)}.cc-infra-panel-title{margin:0 0 12px;font-size:13px}.cc-infra-investigation__summary{margin:0;color:var(--cc-mist-400);font-size:12px;line-height:1.55}.cc-infra-evidence-log{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.cc-infra-evidence-log__item{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:8px 10px;border-left:2px solid var(--cc-boundary-500);background:var(--cc-navy-950);color:var(--cc-mist-300);font-size:11px}.cc-infra-evidence-log__item>span:last-child{grid-column:1/-1}.cc-infra-evidence-log__signal{color:var(--cc-blue-bright);font:600 9px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.cc-infra-evidence-log__item--rules_out{border-left-color:var(--cc-mist-400)}.cc-infra-evidence-log__item--caution{border-left-color:var(--cc-amber-500)}.cc-infra-instrument-list{display:grid;grid-template-columns:1fr;gap:8px;margin:0}.cc-infra-instrument{min-width:0;padding:10px;border:1px solid var(--dark-line);border-radius:var(--cc-radius-xs);background:var(--cc-navy-950)}.cc-infra-instrument dt{color:var(--cc-mist-400);font-size:10px}.cc-infra-instrument dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--cc-ivory-100);font:600 11px/1.4 var(--font-mono)}.cc-infra-objectives{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:var(--cc-mist-400);font-size:12px}.cc-infra-objectives li{display:flex;gap:8px}.cc-infra-objectives .is-complete{color:var(--cc-mist-200)}.cc-infra-objective-mark{font-family:var(--font-mono)}
.cc-infra-disclosure{margin:0;padding:12px 20px;background:var(--cc-navy-950);color:var(--cc-mist-400);font:11px/1.4 var(--font-mono);text-align:center}.cc-infra-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--cc-boundary-500);border-radius:var(--cc-radius-lg);background:var(--cc-navy-900);color:var(--cc-ivory-100);box-shadow:var(--shadow-lg)}.cc-infra-dialog::backdrop{background:rgba(2,10,18,.78)}.cc-infra-connection-form{display:grid;gap:14px;padding:22px}.cc-infra-dialog__title{margin:0;font-size:22px}.cc-infra-dialog__disclosure{margin:0;color:var(--cc-blue-bright);font:600 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.cc-infra-connection-form p{line-height:1.55}.cc-infra-connection-form label{display:grid;gap:6px;color:var(--cc-mist-200);font-size:12px}.cc-infra-input{width:100%;height:44px;border:1px solid var(--dark-line);border-radius:var(--cc-radius-sm);background:var(--cc-navy-950);color:var(--cc-ivory-100);padding:0 11px;font-family:var(--font-mono)}.cc-infra-training-credential{display:grid;gap:5px;padding:12px;border:1px solid var(--dark-line);border-radius:var(--cc-radius-sm);background:var(--cc-navy-950)}.cc-infra-training-credential strong{font-size:11px}.cc-infra-training-credential code{color:var(--cc-mist-200);font:11px/1.5 var(--font-mono);overflow-wrap:anywhere}.cc-infra-auth-feedback{min-height:20px;margin:0;color:var(--cc-red-bright);font-size:12px}.cc-infra-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.cc-infra-fallback{padding:20px;border:1px solid var(--cc-navy-700);border-radius:var(--cc-radius-xl);background:var(--cc-navy-950);color:var(--cc-ivory-100)}.cc-infra-fallback__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--dark-line);font:600 12px/1.4 var(--font-mono)}.cc-infra-fallback__phases{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0;padding:0;list-style:none}.cc-infra-fallback__phases li{display:grid;gap:6px;padding:12px;border:1px solid var(--dark-line);border-radius:var(--cc-radius-sm);background:var(--cc-navy-900)}.cc-infra-fallback__phases strong{color:var(--cc-blue-bright);font-size:12px}.cc-infra-fallback__phases span,.cc-infra-fallback p{color:var(--cc-mist-200);font-size:11px;line-height:1.5}.cc-infra-fallback p{margin:0;font-family:var(--font-mono)}
@media(max-width:900px){.cc-infra-workspace{grid-template-columns:1fr}.cc-infra--focused .cc-infra-toolbar{right:12px}.cc-infra-drawer{position:static;width:auto;min-height:300px;border-left:0;border-top:1px solid var(--dark-line);box-shadow:none}.cc-infra-drawer[hidden]{display:none}.cc-infra-side{grid-template-columns:1fr}.cc-infra-instrument-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){[data-infrastructure-demo][data-scene-enhanceable=true]{min-height:880px}}
@media(max-width:640px){.cc-infra{border-radius:var(--cc-radius-lg)}.cc-infra-header{align-items:flex-start;flex-wrap:wrap;padding:15px}.cc-infra-world-state{order:3;width:100%}.cc-infra-demo-controls{padding:12px}.cc-infra-demo-intro{align-items:stretch;flex-direction:column}.cc-infra-tabs{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}.cc-infra-tab{flex:1 1 88px;scroll-snap-align:none}.cc-infra-workspace,.cc-infra-canvas{min-height:auto}.cc-infra-canvas{display:flex;flex-direction:column;gap:9px;padding:66px 12px 14px;background-size:18px 18px}.cc-infra-connectors{display:none}.cc-infra-tile{position:relative;left:auto;top:auto;width:100%;min-height:96px;transform:none}.cc-infra-tile:hover,.cc-infra-tile:focus-visible{transform:translateY(-2px)}.cc-infra-toolbar{top:10px;right:10px}.cc-infra-instrument-list{grid-template-columns:1fr}.cc-infra-terminal__header{flex-direction:column}.cc-infra-terminal__form{align-items:flex-start;flex-wrap:wrap}.cc-infra-terminal__prompt{padding-top:13px}.cc-infra-terminal__input{width:calc(100% - 30px)}.cc-infra-terminal__run{margin-left:30px}.cc-infra-side{display:block}.cc-infra-dialog-actions{flex-direction:column-reverse}.cc-infra-dialog-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.cc-infra *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
html[data-reduced-motion=true] .cc-infra *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
@media(max-width:640px){.cc-infra-fallback__phases{grid-template-columns:1fr}}
@media(max-width:640px){[data-infrastructure-demo][data-scene-enhanceable=true]{min-height:1420px}}

/**
 * xterm.js stylesheet, derived from @xterm/xterm 6.0.0.
 * Copyright (c) 2014 The xterm.js authors and contributors. MIT licensed.
 * The complete licence is shipped in assets/vendor/licenses/xterm-MIT.txt.
 */
.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}
.xterm.focus,.xterm:focus{outline:none}
.xterm .xterm-helpers{position:absolute;top:0;z-index:5}
.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}
.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}
.xterm .composition-view.active{display:block}
.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0;scrollbar-color:var(--highlight) transparent;scrollbar-width:thin}
.xterm .xterm-screen{position:relative}
.xterm .xterm-screen canvas{position:absolute;left:0;top:0}
.xterm .xterm-scroll-area{visibility:hidden}
.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}
.xterm.enable-mouse-events{cursor:default}
.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}
.xterm.column-select.focus{cursor:crosshair}
.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}
.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}
.xterm .xterm-accessibility-tree{user-select:text;white-space:pre}
.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.xterm-dim{opacity:1!important}
.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}
.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-strikethrough{text-decoration:line-through}
.xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}
.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}
.xterm-decoration-top{z-index:2;position:relative}

/* Homepage guided incident v2 ----------------------------------------------
   The architecture map is a fixed visual anchor. Sidecar, terminal, evidence,
   and history state may change without changing the map's dimensions. */
[data-infrastructure-demo][data-scene-enhanceable=true]{min-height:920px}
.cc-guide{
  --cc-guide-healthy:var(--cc-blue-bright);--cc-guide-degraded:var(--cc-red-bright);
  --cc-guide-starting:var(--cc-amber-500);--cc-guide-ease:cubic-bezier(.22,1,.36,1);
  position:relative;isolation:isolate;overflow:hidden;color:var(--cc-ivory-100);
  border:1px solid var(--cc-border);border-radius:32px;background:var(--cc-navy-950);
  box-shadow:var(--cc-shadow-tile),inset 0 1px 0 rgba(255,255,255,.025);font-family:var(--font-body)
}
.cc-guide *{box-sizing:border-box}.cc-guide button{min-height:44px;font:inherit}
.cc-guide button:focus-visible,.cc-guide summary:focus-visible,.cc-guide a:focus-visible{outline:3px solid var(--cc-ivory-100);outline-offset:3px}
.cc-guide-header{display:flex;align-items:center;gap:24px;min-height:112px;padding:24px 44px;border-bottom:1px solid var(--dark-line);background:linear-gradient(112deg,var(--cc-navy-900),color-mix(in srgb,var(--cc-garnet-900) 12%,var(--cc-navy-900)))}
.cc-guide-identity{min-width:0;flex:1}.cc-guide-kicker{display:block;color:var(--cc-blue-bright);font:650 10px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.cc-guide-title{margin:4px 0 0;font:650 clamp(19px,2vw,25px)/1.2 var(--font-display)}.cc-guide-context{margin:5px 0 0;color:var(--cc-mist-400);font:11px/1.4 var(--font-mono)}
.cc-guide-meta{display:grid;justify-items:end;gap:9px}.cc-guide-progress-text{color:var(--cc-mist-200);font:650 11px/1.2 var(--font-mono)}
.cc-guide-world-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--dark-line);border-radius:999px;color:var(--cc-mist-200);font:11px/1 var(--font-mono)}
.cc-guide-world-dot{width:7px;height:7px;border-radius:50%;background:var(--cc-boundary-500);box-shadow:0 0 0 3px rgba(95,130,153,.13)}
.cc-guide-stepper{position:relative;z-index:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:12px 44px 14px;border-bottom:1px solid var(--dark-line);background:var(--cc-navy-900);list-style:none}
.cc-guide-step{position:relative}.cc-guide-step:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 20px);right:calc(-50% + 20px);height:1px;background:var(--cc-navy-700)}
.cc-guide-step[data-state=complete]:not(:last-child)::after{background:color-mix(in srgb,var(--cc-guide-healthy) 52%,var(--cc-navy-700))}
.cc-guide-step__button{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;padding:0 4px;flex-direction:column;border:0;background:transparent;color:var(--cc-mist-400);cursor:pointer}
.cc-guide-step__button:disabled{cursor:not-allowed;opacity:.44}.cc-guide-step__marker{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--cc-navy-700);border-radius:50%;background:var(--cc-navy-900);font:650 10px/1 var(--font-mono)}
.cc-guide-step[data-state=current] .cc-guide-step__button,.cc-guide-step__button[aria-pressed=true]{color:var(--cc-ivory-100)}
.cc-guide-step[data-state=current] .cc-guide-step__marker{border-color:var(--cc-guide-healthy);background:color-mix(in srgb,var(--cc-guide-healthy) 12%,var(--cc-navy-900));color:var(--cc-guide-healthy);box-shadow:0 0 18px rgba(92,177,214,.18)}
.cc-guide-step[data-state=complete] .cc-guide-step__marker{border-color:var(--cc-guide-healthy);color:var(--cc-guide-healthy)}.cc-guide-step__label{font:600 11px/1.2 var(--font-mono)}

.cc-guide-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:22px;padding:24px 32px;background:var(--cc-navy-950)}
.cc-guide-workspace{position:relative;display:flex;min-width:0;flex-direction:column;align-self:start;overflow:visible;background:transparent}
.cc-guide-map{position:relative;width:100%;height:410px;flex:none;overflow:hidden;border:1px solid var(--dark-line);border-radius:24px;background:#06121a;contain:layout paint size}
.cc-guide-workspace--terminal .cc-guide-map{height:410px;flex:none}
.cc-guide-map::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(92,177,214,.1) 1px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 48%,rgba(0,0,0,.72) 77%,transparent 100%)}
.cc-guide-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cc-guide-path--compact,.cc-guide-path--mobile{display:none}
.cc-guide-network-structure,.cc-guide-network-flow{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.cc-guide-network-structure{stroke:rgba(92,177,214,.22);stroke-width:1.35}.cc-guide-network-flow{stroke:transparent;stroke-width:2;stroke-dasharray:5 28}
.cc-guide-connection{transition:opacity 320ms var(--cc-guide-ease)}.cc-guide-connection.is-dimmed{opacity:.25}
.cc-guide-connection.has-flow .cc-guide-network-flow{stroke:var(--cc-guide-healthy);filter:drop-shadow(0 0 3px rgba(92,177,214,.28));animation:cc-guide-network-flow 1.8s linear infinite}
.cc-guide-connection.is-blocked .cc-guide-network-flow{stroke:var(--cc-guide-degraded);stroke-dasharray:4 34;animation-duration:2.2s}.cc-guide-connection.is-starting .cc-guide-network-flow{stroke:var(--cc-guide-starting);animation-duration:2.4s}
.cc-guide-connection.is-monitoring .cc-guide-network-structure{stroke-dasharray:2 5;opacity:.72}.cc-guide-connection.is-monitoring .cc-guide-network-flow{stroke:transparent}
.cc-guide-connection.is-verified .cc-guide-network-flow{stroke:var(--cc-guide-healthy);stroke-width:2.4;animation:cc-guide-verified-flow 1.25s linear 2 forwards}
.cc-guide--reading .cc-guide-network-flow{animation-play-state:paused!important}
@keyframes cc-guide-network-flow{to{stroke-dashoffset:-33}}@keyframes cc-guide-verified-flow{to{stroke-dashoffset:-66}}
.cc-guide-node{--cc-guide-node-status:var(--cc-guide-healthy);position:absolute;z-index:2;left:var(--cc-guide-x);top:var(--cc-guide-y);display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:8px;width:122px;height:76px;padding:9px;text-align:left;transform:translate(-50%,-50%);border:1px solid var(--dark-line);border-left:3px solid var(--cc-guide-node-status);border-radius:13px;background:rgba(8,27,42,.97);color:var(--cc-ivory-100);box-shadow:0 9px 22px rgba(0,0,0,.24);cursor:pointer;transition:opacity 320ms var(--cc-guide-ease),transform 200ms var(--cc-guide-ease),border-color 200ms var(--cc-guide-ease),background 200ms var(--cc-guide-ease)}
.cc-guide-node[data-status=degraded],.cc-guide-node[data-status=inactive]{--cc-guide-node-status:var(--cc-guide-degraded)}.cc-guide-node[data-status=starting]{--cc-guide-node-status:var(--cc-guide-starting)}
.cc-guide-node:hover,.cc-guide-node:focus-visible,.cc-guide-node.is-selected{transform:translate(-50%,-50%) translateY(-2px);border-color:var(--cc-guide-node-status);background:var(--cc-navy-800)}
.cc-guide-node.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-guide-node-status) 35%,transparent),0 14px 30px rgba(0,0,0,.36)}.cc-guide-node.is-dimmed{opacity:.34}
.cc-guide-node__icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--dark-line);border-radius:8px;color:var(--cc-mist-200)}.cc-guide-node[data-node-id=postgres] .cc-guide-node__icon{color:#336791}.cc-guide-node[data-node-id=redis] .cc-guide-node__icon{color:#ff4438}.cc-guide-node__icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cc-guide-node__copy{min-width:0}.cc-guide-node__copy strong{display:block;max-width:100%;overflow-wrap:normal;word-break:normal;font-size:10px;line-height:1.22}.cc-guide-node[data-node-id=postgres] .cc-guide-node__copy strong{font-size:8px;letter-spacing:-.02em;white-space:nowrap}.cc-guide-node__copy>span{display:block;margin-top:3px;color:var(--cc-mist-400);font:7px/1.2 var(--font-mono);letter-spacing:.03em;text-transform:uppercase}
.cc-guide-node__status{grid-column:1/-1;margin-top:7px;color:var(--cc-guide-node-status);font:650 8px/1.2 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.cc-guide-node__status::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border:1px solid currentColor;border-radius:50%;vertical-align:-1px}

.cc-guide-terminal-toggle{position:relative;z-index:3;width:100%;margin-top:8px;padding:8px 16px;border:1px solid var(--dark-line);border-radius:12px;background:linear-gradient(180deg,#101820,#070b0f);color:var(--cc-mist-200);text-align:left;font:600 11px/1.25 var(--font-mono);cursor:pointer}
.cc-guide-terminal-toggle::after{content:"⌄";float:right;color:var(--cc-amber-500)}.cc-guide-terminal-toggle[aria-expanded=true]::after{content:"⌃"}.cc-guide-terminal-toggle:disabled{cursor:not-allowed;opacity:.55}
.cc-guide-workspace--terminal .cc-guide-map{border-radius:24px 24px 4px 4px}.cc-guide-workspace--terminal .cc-guide-terminal-toggle{margin-top:-1px;border-radius:0}.cc-guide-terminal{height:276px;margin-top:-1px;overflow:hidden;border:1px solid var(--dark-line);border-radius:0 0 20px 20px;background:#05090d;transform-origin:top;animation:cc-guide-terminal-open 340ms var(--cc-guide-ease);font-family:var(--font-mono)}.cc-guide-terminal[hidden]{display:none}
@keyframes cc-guide-terminal-open{from{opacity:0;transform:scaleY(.86)}to{opacity:1;transform:none}}
.cc-guide-terminal__head{display:flex;justify-content:space-between;gap:12px;height:38px;padding:10px 14px;border-bottom:1px solid var(--dark-line);color:var(--cc-mist-400);font-size:10px}.cc-guide-terminal__state{color:var(--cc-blue-bright)}
.cc-guide-terminal__host{height:238px;padding:10px 12px}.cc-guide-terminal__host .xterm,.cc-guide-terminal__host .xterm-viewport{height:100%}.cc-guide-terminal__host .xterm-viewport{background:transparent!important;scrollbar-width:thin;scrollbar-color:var(--cc-boundary-500) #05090d}.cc-guide-terminal__host .xterm-viewport::-webkit-scrollbar{width:7px}.cc-guide-terminal__host .xterm-viewport::-webkit-scrollbar-track{background:#05090d}.cc-guide-terminal__host .xterm-viewport::-webkit-scrollbar-thumb{border-radius:8px;background:var(--cc-boundary-500)}

.cc-guide-mission{position:relative;display:flex;height:410px;min-width:0;overflow:hidden;border:1px solid var(--dark-line);border-radius:24px;background:var(--cc-navy-900);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.cc-guide-mission__body{display:flex;width:100%;min-height:0;padding:0;flex-direction:column;overflow:hidden}.cc-guide-mission__scroll{min-height:0;padding:22px 22px 12px;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--cc-boundary-500) transparent}
.cc-guide-mission__heading{display:flex;align-items:center;gap:10px}.cc-guide-mission__number{color:var(--cc-amber-500);font:650 28px/1 var(--font-display)}.cc-guide-mission__eyebrow{color:var(--cc-blue-bright);font:650 9px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.cc-guide-mission__title{margin:13px 0 8px;font:650 20px/1.2 var(--font-display)}.cc-guide-mission__instruction{margin:0 0 16px;color:var(--cc-mist-200);font-size:12px;line-height:1.55}.cc-guide-sheet-toggle{display:none}
.cc-guide-clive{margin:0 0 16px;overflow:hidden;border:1px solid var(--dark-line);border-radius:14px;background:color-mix(in srgb,var(--cc-navy-950) 82%,var(--cc-garnet-900))}
.cc-guide-clive__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;background:transparent;color:var(--cc-ivory-100);text-align:left;cursor:pointer}
.cc-guide-clive__toggle-copy{display:flex;min-width:0;align-items:baseline;gap:9px}.cc-guide-clive__toggle-copy strong{color:var(--cc-amber-500);font:700 11px/1.2 var(--font-mono);letter-spacing:.08em}.cc-guide-clive__toggle-copy span{overflow:hidden;color:var(--cc-mist-200);font:10px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}
.cc-guide-clive__chevron{color:var(--cc-blue-bright);font:650 9px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em}
.cc-guide-clive__score{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:8px 12px;border-top:1px solid var(--dark-line);color:var(--cc-mist-200);font:9px/1.35 var(--font-mono)}.cc-guide-clive__score small{grid-column:1/-1;color:var(--cc-mist-400);font:8px/1.3 var(--font-mono)}
.cc-guide-clive__panel{display:grid;gap:10px;padding:11px 12px 12px;border-top:1px solid var(--dark-line)}.cc-guide-clive__intro{margin:0;color:var(--cc-mist-200);font-size:10px;line-height:1.45}
.cc-guide-clive__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cc-guide-clive__mode{display:grid;min-width:0;min-height:52px;align-content:center;gap:3px;width:100%;padding:7px 6px;border:1px solid var(--dark-line);border-radius:10px;background:#071017;color:var(--cc-mist-200);text-align:center;cursor:pointer}.cc-guide-clive__mode strong{color:var(--cc-ivory-100);font-size:9px;line-height:1.2}.cc-guide-clive__mode span{font-size:7.5px;line-height:1.25}.cc-guide-clive__mode[aria-pressed=true]{border-color:var(--cc-blue-bright);background:color-mix(in srgb,var(--cc-blue-bright) 8%,#071017);box-shadow:inset 0 3px 0 var(--cc-blue-bright)}
.cc-guide-clive__guidance{display:grid;gap:6px;padding:10px;border:1px solid color-mix(in srgb,var(--cc-amber-500) 48%,var(--dark-line));border-radius:10px;background:rgba(4,9,13,.62)}.cc-guide-clive__guidance strong{font-size:11px}.cc-guide-clive__guidance p{margin:0;color:var(--cc-mist-200);font-size:10px;line-height:1.5}.cc-guide-clive__label{color:var(--cc-amber-500);font:650 8px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.cc-guide-clive__hints{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--cc-mist-200);font-size:10px;line-height:1.45}.cc-guide-clive__hint-button{justify-self:start;padding:8px 10px;border:1px solid var(--cc-boundary-500);border-radius:9px;background:var(--cc-navy-800);color:var(--cc-ivory-100);font-size:9px;font-weight:700;cursor:pointer}.cc-guide-clive__guidance small{color:var(--cc-mist-400);font:8px/1.35 var(--font-mono)}.cc-guide-clive__independent{margin:0;padding:9px 10px;border-left:2px solid var(--cc-blue-bright);color:var(--cc-mist-200);font-size:10px;line-height:1.45}
.cc-guide-choices{display:grid;gap:8px}.cc-guide-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--dark-line);border-radius:12px;background:linear-gradient(180deg,#101820,#070b0f);color:var(--cc-mist-200);text-align:left;cursor:pointer;font:11px/1.35 var(--font-mono)}
.cc-guide-choice:hover,.cc-guide-choice.is-selected{border-color:var(--cc-boundary-500);background:linear-gradient(180deg,#142534,#09121a);color:var(--cc-ivory-100)}.cc-guide-choice:disabled{cursor:wait;opacity:.66}.cc-guide-choice__run{color:var(--cc-amber-500);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.cc-guide-choice:active{transform:translateY(1px);box-shadow:inset 0 2px 8px rgba(0,0,0,.42)}
.cc-guide-credential{display:grid;gap:4px;margin-bottom:13px;padding:10px 11px;border:1px solid var(--dark-line);border-radius:12px;background:var(--cc-navy-950);color:var(--cc-mist-400);font:9px/1.45 var(--font-mono)}.cc-guide-credential strong{color:var(--cc-ivory-100)}
.cc-guide-feedback{display:grid;gap:6px;margin-top:15px;padding:13px;border:1px solid var(--dark-line);border-left:3px solid var(--cc-guide-degraded);border-radius:12px;background:rgba(5,10,14,.54);animation:cc-guide-reveal 320ms var(--cc-guide-ease)}.cc-guide-feedback[data-resolved=true]{border-left-color:var(--cc-guide-healthy)}
.cc-guide-feedback strong{color:var(--cc-ivory-100);font-size:11px}.cc-guide-feedback__label{margin-top:3px;color:var(--cc-blue-bright);font:650 8px/1.25 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.cc-guide-feedback p{margin:0;color:var(--cc-mist-200);font-size:10px;line-height:1.48}
@keyframes cc-guide-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.cc-guide-history{margin-top:12px;color:var(--cc-mist-400);font-size:10px}.cc-guide-history summary{display:flex;min-height:40px;align-items:center;border-top:1px solid var(--dark-line);color:var(--cc-mist-200);cursor:pointer;font:600 10px/1.3 var(--font-mono)}.cc-guide-history ol{display:grid;gap:6px;margin:0;padding:0 0 0 18px;line-height:1.45}
.cc-guide-continue{position:relative;z-index:3;width:calc(100% - 44px);margin:0 22px 22px;padding:10px 13px;flex:none;border:1px solid #b97b22;border-radius:12px;background:linear-gradient(180deg,#f5bd59,#d8942f);color:#06121a;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 18px rgba(0,0,0,.24);font-size:11px;font-weight:740;cursor:pointer}.cc-guide-continue:disabled{border-color:var(--dark-line);background:linear-gradient(180deg,#121b22,#080d11);color:var(--cc-mist-400);box-shadow:none;cursor:not-allowed}
.cc-guide-continue:not(:disabled):hover{background:linear-gradient(180deg,#f8c66c,#dfa03a)}.cc-guide-continue:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 2px 7px rgba(70,38,5,.28)}

.cc-guide-instruments{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 32px 24px;border:1px solid var(--dark-line);border-radius:20px;overflow:hidden;background:var(--dark-line)}
.cc-guide-instrument{--cc-guide-instrument-status:var(--cc-guide-degraded);display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;padding:15px 18px;background:var(--cc-navy-900)}.cc-guide-instrument[data-status=healthy]{--cc-guide-instrument-status:var(--cc-guide-healthy)}.cc-guide-instrument[data-status=starting]{--cc-guide-instrument-status:var(--cc-guide-starting)}
.cc-guide-instrument dt{color:var(--cc-mist-400);font:10px/1.3 var(--font-mono)}.cc-guide-instrument dd{margin:0;color:var(--cc-guide-instrument-status);font:650 11px/1.3 var(--font-mono)}
.cc-guide-text-map{border-top:1px solid var(--dark-line);padding:0 32px;background:var(--cc-navy-900);color:var(--cc-mist-200);font-size:11px}.cc-guide-text-map summary{display:flex;min-height:42px;align-items:center;color:var(--cc-ivory-100);cursor:pointer;font-weight:650}.cc-guide-text-map p{margin:0 0 14px;line-height:1.55}
.cc-guide-disclosure{margin:0;padding:10px 32px;background:var(--cc-navy-950);color:var(--cc-mist-400);font:9px/1.35 var(--font-mono);text-align:center}.cc-guide-sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1279px){
  [data-infrastructure-demo][data-scene-enhanceable=true]{min-height:900px}
  .cc-guide-main{display:block;min-height:458px}.cc-guide-workspace{width:100%;padding-right:0}.cc-guide-map{height:410px}
  .cc-guide-mission{position:absolute;z-index:9;top:24px;right:32px;width:410px;max-width:calc(100% - 64px);height:410px;transition:width 320ms var(--cc-guide-ease),opacity 320ms var(--cc-guide-ease)}
  .cc-guide-sheet-toggle{display:block;position:absolute;z-index:10;top:10px;right:10px;width:44px;padding:0;border:1px solid var(--dark-line);border-radius:10px;background:#080d12;color:transparent;cursor:pointer}
  .cc-guide-sheet-toggle::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:var(--cc-mist-200);font-size:18px}.cc-guide-mission.is-collapsed{height:48px;opacity:.88}.cc-guide-mission.is-collapsed .cc-guide-sheet-toggle::after{content:"‹"}
}
@media(min-width:900px) and (max-width:1279px){.cc-guide-mission.is-collapsed{width:48px}.cc-guide-mission.is-collapsed .cc-guide-sheet-toggle{top:1px;right:1px}}
@media(min-width:1280px){.cc-guide-path--desktop{display:none}.cc-guide-path--compact{display:block}.cc-guide-node{left:var(--cc-guide-compact-x);top:var(--cc-guide-compact-y);width:96px;height:76px;grid-template-columns:24px minmax(0,1fr);column-gap:5px;padding:7px}.cc-guide-node__icon{width:24px;height:24px}.cc-guide-node__icon svg{width:17px;height:17px}.cc-guide-node__copy strong{font-size:9px;letter-spacing:-.01em}.cc-guide-node[data-node-id=postgres] .cc-guide-node__copy strong{font-size:8px}.cc-guide-node__copy>span{font-size:6.5px}.cc-guide-node__status{font-size:7px}.cc-guide-main::after{content:"";position:absolute;z-index:1;top:108px;right:442px;width:22px;height:1px;background:var(--cc-boundary-500);box-shadow:0 0 8px rgba(92,177,214,.16)}.cc-guide-mission{animation:cc-guide-sidecar-in 320ms var(--cc-guide-ease)}}
@keyframes cc-guide-sidecar-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

@media(max-width:899px){
  [data-infrastructure-demo][data-scene-enhanceable=true]{min-height:1320px}
  .cc-guide-header{align-items:flex-start;padding:22px 24px;flex-wrap:wrap}.cc-guide-meta{display:flex;width:100%;align-items:center;justify-content:space-between}
  .cc-guide-stepper{padding-inline:20px}.cc-guide-main{display:flex;min-height:0;padding:20px 24px;flex-direction:column}.cc-guide-workspace{width:100%}
  .cc-guide-mission{position:relative;top:auto;right:auto;width:100%;max-width:none;height:auto;min-height:390px;margin-top:20px;border-radius:24px;transform:none!important;opacity:1!important}
  .cc-guide-mission.is-collapsed{min-height:48px;height:48px}.cc-guide-sheet-toggle{position:absolute}.cc-guide-mission.is-collapsed .cc-guide-sheet-toggle::after{content:"+"}
  .cc-guide-instruments{margin-inline:24px}
}
@media(min-width:641px) and (max-width:899px){.cc-guide-path--desktop{display:none}.cc-guide-path--compact{display:block}.cc-guide-node{left:var(--cc-guide-compact-x);top:var(--cc-guide-compact-y);width:96px;height:76px;grid-template-columns:24px minmax(0,1fr);column-gap:5px;padding:7px}.cc-guide-node__icon{width:24px;height:24px}.cc-guide-node__icon svg{width:17px;height:17px}.cc-guide-node__copy strong{font-size:9px;letter-spacing:-.01em}.cc-guide-node[data-node-id=postgres] .cc-guide-node__copy strong{font-size:8px}.cc-guide-node__copy>span{font-size:6.5px}.cc-guide-node__status{font-size:7px}}

@media(max-width:640px){
  [data-infrastructure-demo][data-scene-enhanceable=true]{min-height:1430px}
  .cc-guide{border-radius:24px}.cc-guide-header{min-height:118px;padding:20px}.cc-guide-stepper{padding:10px 8px 12px}.cc-guide-step__button{gap:4px}.cc-guide-step__label{font-size:8px}.cc-guide-step__marker{width:25px;height:25px}.cc-guide-step:not(:last-child)::after{top:12.5px;left:calc(50% + 16px);right:calc(-50% + 16px)}
  .cc-guide-main{padding:16px}.cc-guide-map{height:500px;border-radius:20px}.cc-guide-path--desktop,.cc-guide-path--compact{display:none}.cc-guide-path--mobile{display:block}
  .cc-guide-workspace--terminal .cc-guide-map{height:500px;flex:none;border-radius:20px 20px 4px 4px}
  .cc-guide-node{left:var(--cc-guide-mobile-x);top:var(--cc-guide-mobile-y);width:94px;height:68px;grid-template-columns:25px minmax(0,1fr);column-gap:6px;padding:7px}.cc-guide-node__icon{width:25px;height:25px}.cc-guide-node__icon svg{width:17px;height:17px}.cc-guide-node__copy strong{font-size:9px}.cc-guide-node[data-node-id=postgres] .cc-guide-node__copy strong{font-size:8px}.cc-guide-node__copy>span{font-size:6.5px}.cc-guide-node__status{font-size:7px}
  .cc-guide-terminal{height:300px}.cc-guide-terminal__host{height:262px;padding:8px}.cc-guide-mission{min-height:410px;margin-top:16px}.cc-guide-mission__scroll{padding:20px 20px 12px}.cc-guide-continue{width:calc(100% - 40px);margin:0 20px 20px}
  .cc-guide-instruments{margin:0 16px 18px;grid-template-columns:1fr}.cc-guide-instrument{padding:12px 14px}.cc-guide-text-map{padding-inline:18px}.cc-guide-disclosure{padding-inline:18px}
}
@media(max-width:390px){.cc-guide-node{width:88px;grid-template-columns:20px minmax(0,1fr);column-gap:4px;padding:6px}.cc-guide-node__icon{width:20px;height:20px}.cc-guide-node__icon svg{width:15px;height:15px}.cc-guide-node__copy>span{display:none}.cc-guide-title{font-size:18px}.cc-guide-context{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cc-guide *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cc-guide-network-flow{animation:none!important;stroke-dasharray:none!important;opacity:.72}}
html[data-reduced-motion=true] .cc-guide *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
html[data-reduced-motion=true] .cc-guide-network-flow{animation:none!important;stroke-dasharray:none!important;opacity:.72}.demo-continue[hidden]{display:none}