@layer pages{.stage .stage__canvas{aspect-ratio:8 / 1}.panel__title,.send__label{font-size:var(--step-0);font-weight:var(--weight-strong)}.send{display:grid;gap:var(--space-2xs)}.send__row{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.send__select{flex:1 1 16rem;min-width:0;padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-sunken);color:var(--ink-strong);font:inherit;font-size:var(--step--1)}.map{display:grid;gap:var(--space-2xs);overflow-x:auto}.map__svg{width:100%;min-width:36rem;height:auto;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-sunken)}.map__lane path{fill:none;stroke:var(--ink-faint);stroke-width:1.5;stroke-dasharray:4 6}.map__lane-label{fill:var(--ink-muted);font-size:12px}.map__edge path{fill:none;stroke:var(--rule);stroke-width:2.5}.map__edge circle{fill:var(--surface);stroke:var(--rule);stroke-width:1.5}.map__edge text{fill:var(--ink-strong);font-size:11px;font-weight:var(--weight-strong);text-anchor:middle;dominant-baseline:central}.map__edge[data-state=passed] path,.map__edge[data-state=passed] circle{stroke:var(--hue-cloud)}.map__edge[data-state=failed] path,.map__edge[data-state=failed] circle{stroke:var(--accent-warm);stroke-width:3}.map__edge[data-state=failed] path{stroke-dasharray:6 4}.map__edge[data-state=unreached]{opacity:.4}.map__node rect{fill:var(--surface);stroke:var(--rule);stroke-width:1.5}.map__node--outside rect{stroke-dasharray:4 4}.map__name{fill:var(--ink-strong);font-size:13px;font-weight:var(--weight-strong);text-anchor:middle}.map__kind{fill:var(--ink-muted);font-size:11px;text-anchor:middle}a.map__node:hover rect,a.map__node:focus-visible rect,.map__node[data-selected] rect{stroke:var(--accent);stroke-width:2.5}.result{display:grid;gap:var(--space-3xs);padding:var(--space-xs);border:1px solid var(--rule);border-left:6px solid var(--result, var(--rule));border-radius:var(--radius);background:var(--surface);font-size:var(--step--1)}.result[data-completed=true]{--result: var(--hue-cloud)}.result[data-completed=false]{--result: var(--accent-warm)}.result__status{font-size:var(--step-1);font-weight:var(--weight-strong)}.result__glyph{color:var(--result)}.inspect,.hops{display:grid;gap:var(--space-2xs)}.inspect__where,.inspect__also,.bicep__library{color:var(--ink-muted);font-size:var(--step--1);overflow-wrap:anywhere}.bicep__code{padding:var(--space-xs);overflow-x:auto;border-radius:var(--radius);background:var(--surface-sunken);font-size:var(--step--1)}.inspect__code{max-height:18rem;overflow-y:auto}.hops__list{display:grid;gap:1px;list-style:none;font-size:var(--step--1)}.hop{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;gap:0 var(--space-2xs);padding:var(--space-3xs) var(--space-2xs);border-left:3px solid transparent}.hop__number{grid-row:1 / span 4;font-weight:var(--weight-strong)}.hop__label{grid-column:2;font-weight:var(--weight-strong)}.hop__route,.hop__auth,.hop__needs{grid-column:2;color:var(--ink-muted)}.hop__state{grid-column:3;grid-row:1;white-space:nowrap}.hop[data-state=passed] .hop__glyph{color:var(--hue-cloud)}.hop[data-state=failed]{border-left-color:var(--accent-warm);background:var(--surface-sunken)}.hop[data-state=failed] .hop__glyph{color:var(--accent-warm)}.hop[data-state=unreached]{color:var(--ink-faint)}.whatifs{font-size:var(--step--1)}.whatifs summary,.bicep__block summary{cursor:pointer;font-weight:var(--weight-strong)}.whatifs__scroll{overflow-x:auto}.whatifs__table{width:100%;min-width:32rem;margin-top:var(--space-2xs);border-collapse:collapse}.whatifs__table th,.whatifs__table td{padding:var(--space-3xs) var(--space-2xs);border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.whatifs__table th[scope=row]{font-weight:var(--weight-body)}.bicep>*+*{margin-top:var(--space-2xs)}.bicep__node{margin-top:var(--space-s);font-size:var(--step-0)}.bicep__block{font-size:var(--step--1)}.bicep__block .bicep__code{margin-top:var(--space-2xs)}.bicep__where{color:var(--ink-muted);font-weight:var(--weight-body);overflow-wrap:anywhere}@media(prefers-reduced-motion:no-preference){.map__edge path,.map__edge circle,.map__node rect{transition:stroke .2s ease-out}}}
