.cmd{background:linear-gradient(180deg, #ffffff03, transparent 220px), var(--obsidian);grid-template-columns:1fr;min-height:100dvh;display:grid}@media (min-width:1100px){.cmd{grid-template-columns:224px 1fr}}.cmd__rail{border-bottom:1px solid var(--edge);background:linear-gradient(180deg, var(--carbon), var(--obsidian));flex-direction:column;gap:1.2rem;padding:.9rem 1rem 1rem;display:flex}@media (min-width:1100px){.cmd__rail{border-bottom:0;border-right:1px solid var(--edge);height:100dvh;position:sticky;top:0;overflow-y:auto}}.cmd-nav{flex-wrap:wrap;gap:.2rem;display:flex}@media (min-width:1100px){.cmd-nav{flex-flow:column}}.cmd-nav__group{width:100%;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--slate);margin:.9rem 0 .35rem;font-size:.58rem}.cmd-nav a{border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.08em;color:var(--pewter);transition:color .16s var(--ease), background-color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border:1px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.46rem .65rem;font-size:.82rem;display:flex;position:relative}.cmd-nav a:hover{color:var(--titanium);background:#ffffff08;transform:translate(2px)}.cmd-nav a[aria-current=page]{color:var(--titanium);background:linear-gradient(90deg,#c1121f29,#0000);border-color:#c1121f52}.cmd-nav a[aria-current=page]:before{content:"";background:var(--sentinel-lit);width:2px;position:absolute;top:18%;bottom:18%;left:0}.cmd-nav__count{font-family:var(--font-mono);color:var(--sentinel-lit);font-size:.64rem}.cmd__identity{border-top:1px solid var(--edge);margin-top:auto;padding-top:.9rem}.cmd__identity-name{font-family:var(--font-display);color:var(--titanium);font-size:.88rem}.cmd__identity-role{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);margin-top:.12rem;font-size:.6rem}.cmd__main{min-width:0;padding:1.2rem 1rem 3.5rem}@media (min-width:768px){.cmd__main{padding:1.7rem 1.8rem 4rem}}.cmd__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex}.cmd__title{font-size:clamp(1.4rem,3.2vw,1.85rem)}.cmd__sub{color:var(--slate);margin-top:.3rem;font-size:.85rem}.cmd__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cmd__pulse{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);align-items:center;gap:.45rem;font-size:.62rem;display:inline-flex}.cmd__pulse-dot{background:var(--state-operational);border-radius:50%;width:6px;height:6px;animation:2.6s ease-in-out infinite cmd-pulse}.cmd__pulse-dot--safe{background:var(--state-degraded)}@keyframes cmd-pulse{0%,to{opacity:1;box-shadow:0 0 #3f9c6d73}50%{opacity:.6;box-shadow:0 0 0 4px #3f9c6d00}}.readout{border:1px solid var(--edge);border-radius:var(--radius-lg);background:var(--carbon);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}@media (min-width:720px){.readout{grid-template-columns:repeat(3,1fr)}}@media (min-width:1240px){.readout{grid-template-columns:repeat(6,1fr)}}.readout__cell{border-right:1px solid var(--edge);border-bottom:1px solid var(--edge);min-width:0;padding:.95rem 1rem 1.05rem}.readout__cell:last-child{border-right:0}@media (min-width:1240px){.readout__cell{border-bottom:0}}.readout__label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--slate);font-size:.56rem}.readout__value{font-family:var(--font-display);color:var(--titanium);font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:1.85rem;line-height:1.05}.readout__value--signal{color:var(--sentinel-lit)}.readout__value--ok{color:var(--state-operational)}.readout__value--warn{color:var(--state-degraded)}.readout__note{color:var(--slate);margin-top:.2rem;font-size:.72rem}.topology{width:100%;height:auto}.topology__ring{fill:none;stroke:var(--edge);stroke-width:1px}.topology__spoke{stroke:var(--edge-lit);stroke-width:1px}.topology__node{stroke-width:1.5px;transition:r .3s var(--ease)}.topology__node--operational{fill:#3f9c6d2e;stroke:var(--state-operational)}.topology__node--degraded{fill:#c99a3a2e;stroke:var(--state-degraded)}.topology__node--impaired{fill:#c1121f38;stroke:var(--sentinel-lit)}.topology__node--unobserved{fill:none;stroke:var(--state-unobserved);stroke-dasharray:3 2}.topology__label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;fill:var(--platinum);font-size:7px}.topology__metric{font-family:var(--font-mono);fill:var(--slate);font-size:6px}.topology__core{fill:var(--graphite);stroke:var(--sentinel);stroke-width:1.5px}.topology__core-label{font-family:var(--font-display);letter-spacing:.16em;fill:var(--titanium);text-transform:uppercase;font-size:8px}.topology__signal{fill:var(--sentinel-lit)}@keyframes topo-travel{0%{offset-distance:0%;opacity:0}15%{opacity:.95}85%{opacity:.95}to{offset-distance:100%;opacity:0}}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:660px;font-size:.86rem}.table th{text-align:left;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);border-bottom:1px solid var(--edge);white-space:nowrap;padding:.5rem .75rem;font-size:.58rem;font-weight:400}.table td{vertical-align:top;border-bottom:1px solid #262b3399;padding:.7rem .75rem}.table tbody tr{transition:background-color .15s var(--ease), box-shadow .15s var(--ease)}.table tbody tr:hover{box-shadow:inset 2px 0 0 var(--sentinel);background:#ffffff06}.table tbody tr[aria-selected=true]{box-shadow:inset 2px 0 0 var(--sentinel-lit);background:#c1121f14}.table__primary{color:var(--titanium);font-weight:500}.table__muted{color:var(--slate);font-size:.8rem}.table__mono{font-family:var(--font-mono);color:var(--pewter);font-variant-numeric:tabular-nums;font-size:.72rem}.table__actions{flex-wrap:wrap;gap:.3rem;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem;display:flex}.filter-group{border:1px solid var(--edge);border-radius:var(--radius);background:var(--carbon);display:inline-flex}.filter-group button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.filter-group button:last-child{border-radius:0 var(--radius) var(--radius) 0}.filter-group button{cursor:pointer;min-height:32px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);transition:background-color .16s var(--ease), color .16s var(--ease);background:0 0;border:0;padding:.38rem .72rem;font-size:.62rem}.filter-group button:hover{color:var(--titanium);background:#ffffff0a}.filter-group button[aria-pressed=true]{color:var(--titanium);background:#c1121f2e}.filter-group button+button{border-left:1px solid var(--edge)}.search-input{background:var(--carbon);border:1px solid var(--control-edge);border-radius:var(--radius);min-width:150px;color:var(--titanium);transition:border-color .16s var(--ease);flex:200px;padding:.4rem .7rem;font-size:.83rem}.search-input:focus{border-color:var(--sentinel)}.search-input::placeholder{color:var(--slate)}.state{text-align:center;border:1px dashed var(--edge-lit);border-radius:var(--radius-lg);color:var(--slate);padding:2.4rem 1.5rem}.state__title{margin-bottom:.4rem;font-size:1.05rem}.state p{max-width:40ch;margin-inline:auto;font-size:.87rem}.banner{border-radius:var(--radius);color:#ffc4c4;background:#c1121f1a;border:1px solid #c1121f6b;border-left-width:2px;align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.72rem .95rem;font-size:.85rem;display:flex}.banner--ok{color:#aee7c2;background:#3f9c6d17;border-color:#3f9c6d6b}.banner--warn{color:#ecd39a;background:#c99a3a17;border-color:#c99a3a73}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--graphite) 25%, var(--iron) 50%, var(--graphite) 75%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login{background:radial-gradient(ellipse at 50% 10%, #c1121f21, transparent 58%), var(--obsidian);place-items:center;min-height:100dvh;padding:2rem 1.2rem;display:grid}.login__card{border:1px solid var(--edge);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--graphite), var(--carbon));width:100%;max-width:392px;padding:2.1rem 1.8rem;box-shadow:0 40px 100px -60px #000}.login__head{text-align:center;margin-bottom:1.7rem}.login__head .wordmark{justify-content:center}.login__title{margin-top:1.2rem;font-size:1.22rem}.login__sub{color:var(--slate);margin-top:.4rem;font-size:.85rem}.field{margin-bottom:.95rem;display:block}.field__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--slate);margin-bottom:.35rem;font-size:.6rem;display:block}.field__input{background:var(--obsidian);border:1px solid var(--control-edge);border-radius:var(--radius);width:100%;color:var(--titanium);transition:border-color .16s var(--ease);padding:.68rem .8rem}.field__input:focus{border-color:var(--sentinel)}.field__input::placeholder{color:var(--slate)}textarea.field__input{resize:vertical;min-height:82px;font-family:inherit}.detail-grid{gap:1.1rem;display:grid}@media (min-width:1040px){.detail-grid{grid-template-columns:1.55fr 1fr;align-items:start}}.detail-grid>*,.stack>*,.panel,.panel__body,.table-wrap{min-width:0}.lineage{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.lineage li{border-left:1px solid var(--edge);padding-bottom:.15rem;padding-left:1.2rem;position:relative}.lineage li:before{content:"";background:var(--sentinel);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:-3.5px}.lineage li[data-kind=safe-mode]:before{background:var(--state-degraded)}.lineage li[data-kind=closed]:before{background:var(--state-operational)}.lineage__meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);font-size:.6rem}.lineage__body{color:var(--platinum);margin-top:.2rem;font-size:.87rem}.kv{gap:.5rem;font-size:.85rem;display:grid}.kv__row{justify-content:space-between;gap:1rem;display:flex}.kv__key{color:var(--slate)}.kv__value{color:var(--titanium);text-align:right}.stack{gap:1.1rem;min-width:0;display:grid}.surface-row{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:680px){.surface-row{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.surface-row{grid-template-columns:repeat(5,1fr)}}.surface-tile{border:1px solid var(--edge);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--graphite), var(--carbon));transition:border-color .2s var(--ease), transform .2s var(--ease);padding:.9rem .95rem 1rem;display:block}.surface-tile:hover{border-color:var(--edge-lit);transform:translateY(-2px)}.surface-tile__name{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--titanium);font-size:.92rem}.surface-tile__state{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--titanium);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.3rem}.surface-tile__note{font-family:var(--font-mono);color:var(--slate);margin-top:.4rem;font-size:.62rem}.demo{background:var(--obsidian);min-height:100dvh}.demo__bar{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--edge);background:#050607e6;position:sticky;top:0}.demo__bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.demo__badge{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);border:1px solid #8a6a3f66;border-radius:2px;padding:.2rem .55rem;font-size:.6rem}.demo__head{align-items:start;gap:1.5rem;margin-bottom:1.8rem;display:grid}@media (min-width:960px){.demo__head{grid-template-columns:1.7fr 1fr;gap:2.5rem}}.demo__title{margin-top:.85rem;font-size:clamp(1.9rem,4.6vw,2.9rem)}.demo__state{border:1px solid var(--edge-lit);border-radius:var(--radius-lg);background:var(--carbon);border-left-width:3px;min-width:0;padding:1.1rem 1.2rem}.demo__state--ok{border-left-color:var(--state-operational)}.demo__state--watch{border-left-color:var(--silver)}.demo__state--warn{border-left-color:var(--state-degraded)}.demo__state--crit{border-left-color:var(--sentinel-lit)}.demo__state-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--slate);font-size:.58rem}.demo__state-value{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--titanium);margin-top:.3rem;font-size:1.9rem;line-height:1.1}.demo__state--ok .demo__state-value{color:var(--state-operational)}.demo__state--warn .demo__state-value{color:var(--state-degraded)}.demo__state--crit .demo__state-value{color:var(--sentinel-lit)}.demo__state-meaning{color:var(--pewter);margin-top:.4rem;font-size:.82rem}.demo__transport{border:1px solid var(--edge);border-radius:var(--radius-lg);background:var(--carbon);margin-bottom:1.4rem;padding:.9rem 1rem}.demo__controls{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.stepper{overscroll-behavior-x:contain;scrollbar-width:thin;grid-auto-columns:minmax(78px,1fr);grid-auto-flow:column;gap:.3rem;margin:0;padding:0 0 .35rem;list-style:none;display:grid;overflow-x:auto}.stepper__step{text-align:left;border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer;width:100%;transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .2s var(--ease);background:0 0;gap:.15rem;padding:.5rem .55rem;display:grid}.stepper__step:hover{border-color:var(--edge-lit);transform:translateY(-1px)}.stepper__step:focus-visible{outline-offset:-2px}.stepper__step.is-done{border-color:#c1121f47}.stepper__step.is-current{border-color:var(--sentinel);background:#c1121f24}.stepper__num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--slate);font-size:.58rem}.stepper__step.is-current .stepper__num{color:var(--sentinel-lit)}.stepper__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--pewter);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.stepper__step.is-current .stepper__label{color:var(--titanium)}.demo__narrative{max-width:62rem;margin-bottom:1.4rem}.demo__headline{font-size:clamp(1.15rem,2.6vw,1.5rem)}.demo__body{color:var(--pewter);max-width:70ch;margin-top:.55rem;font-size:.95rem}.demo__topology{margin-bottom:1.2rem}.topo{width:100%;height:auto}.topo__link{fill:none;stroke-width:1.2px}.topo__link--verified{stroke:#3f9c6d80}.topo__link--normal{stroke:var(--edge-lit)}.topo__link--degraded{stroke:#c99a3a99;stroke-dasharray:6 3}.topo__link--missing{stroke:#e5303c80;stroke-dasharray:2 6}.topo__packet--verified{fill:var(--state-operational)}.topo__packet--normal{fill:var(--silver)}.topo__packet--degraded{fill:var(--state-degraded)}@keyframes topo-flow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.topo__node{fill:var(--graphite);stroke-width:1.2px;transition:stroke .4s var(--ease), fill .4s var(--ease)}.topo__node--verified{stroke:#3f9c6da6}.topo__node--normal{stroke:var(--edge-lit)}.topo__node--degraded{stroke:var(--state-degraded)}.topo__node--missing{stroke:var(--sentinel-lit);stroke-dasharray:4 3;fill:#c1121f14}.topo__node--core{fill:var(--gunmetal);stroke:var(--sentinel);stroke-width:1.6px}.topo__halo{fill:none;stroke:var(--sentinel-lit);stroke-width:1px;opacity:.5;animation:2.4s ease-in-out infinite topo-halo}@keyframes topo-halo{0%,to{opacity:.18}50%{opacity:.6}}.topo__label{font-family:var(--font-display);letter-spacing:.14em;fill:var(--titanium);font-size:13px;font-weight:600}.topo__kind{font-family:var(--font-mono);fill:var(--slate);font-size:8.5px}.topo__state{font-family:var(--font-mono);letter-spacing:.08em;font-size:8.5px}.topo__state--verified{fill:var(--state-operational)}.topo__state--normal{fill:var(--pewter)}.topo__state--degraded{fill:var(--state-degraded)}.topo__state--missing{fill:var(--sentinel-lit)}.demo__legend{flex-wrap:wrap;gap:.7rem;display:flex}.demo__key{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);align-items:center;gap:.32rem;font-size:.58rem;display:inline-flex}.demo__key:before{content:"";background:currentColor;width:8px;height:2px}.demo__key--verified{color:var(--state-operational)}.demo__key--normal{color:var(--silver)}.demo__key--degraded{color:var(--state-degraded)}.demo__key--missing{color:var(--sentinel-lit)}.demo__grid{gap:1.1rem;display:grid}@media (min-width:1100px){.demo__grid{grid-template-columns:1.15fr 1fr;align-items:start}}.demo__grid>*{min-width:0}.demo__mode-note{color:var(--slate);margin-bottom:.9rem;font-size:.8rem}.mode-switch{border:1px solid var(--edge);border-radius:var(--radius);display:inline-flex}.mode-switch button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.mode-switch button:last-child{border-radius:0 var(--radius) var(--radius) 0}.mode-switch button{cursor:pointer;min-height:32px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);transition:background-color .16s var(--ease), color .16s var(--ease);background:0 0;border:0;padding:.34rem .7rem;font-size:.62rem}.mode-switch button:hover{color:var(--titanium);background:#ffffff0a}.mode-switch button[aria-pressed=true]{color:var(--titanium);background:#c1121f2e}.mode-switch button+button{border-left:1px solid var(--edge)}.stream{gap:.5rem;max-height:560px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.stream__empty{color:var(--slate);text-align:center;padding:1.6rem 0;font-size:.86rem}.stream__row{border:1px solid var(--edge);border-radius:var(--radius);background:var(--carbon);border-left-width:2px;min-width:0;padding:.62rem .75rem}.stream__row--info{border-left-color:var(--edge-lit)}.stream__row--low{border-left-color:#6f8aa6}.stream__row--medium{border-left-color:var(--state-degraded)}.stream__row--high{border-left-color:#e0834f}.stream__row--critical{border-left-color:var(--sentinel-lit);background:#c1121f12}.stream__row.is-traced{box-shadow:inset 0 0 0 1px #c1121f38}.stream__line{flex-wrap:wrap;align-items:baseline;gap:.4rem;min-width:0;display:flex}.stream__line--head{justify-content:space-between}.stream__line--meta{gap:.35rem;margin-top:.4rem}.stream__time{font-family:var(--font-mono);color:var(--platinum);font-variant-numeric:tabular-nums;font-size:.72rem}.stream__sev{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem}.stream__sev--info{color:var(--slate)}.stream__sev--low{color:#8aa9c4}.stream__sev--medium{color:var(--state-degraded)}.stream__sev--high{color:#e0834f}.stream__sev--critical{color:var(--sentinel-lit)}.stream__source{font-family:var(--font-mono);color:var(--silver);font-size:.68rem}.stream__sep{color:var(--slate)}.stream__workspace{font-family:var(--font-mono);color:var(--slate);font-size:.68rem}.stream__type{font-family:var(--font-mono);letter-spacing:.04em;color:var(--titanium);overflow-wrap:anywhere;margin-top:.3rem;font-size:.75rem}.stream__tag{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--edge-lit);color:var(--slate);white-space:nowrap;border-radius:2px;padding:.1rem .36rem;font-size:.56rem}.stream__tag--ok{color:var(--state-operational);border-color:#3f9c6d59}.stream__tag--warn{color:var(--state-degraded);border-color:#c99a3a66}.stream__trace{font-family:var(--font-mono);color:var(--bronze);margin-left:auto;font-size:.6rem}.cov{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.cov__row{border:1px solid var(--edge);background:var(--carbon);border-radius:2px;grid-template-columns:1fr;align-items:center;gap:.25rem .6rem;min-width:0;padding:.45rem .55rem;display:grid}@media (min-width:560px){.cov__row{grid-template-columns:1fr 64px auto auto}}.cov__name{font-family:var(--font-mono);color:var(--platinum);overflow-wrap:anywhere;font-size:.68rem}.cov__bar{background:var(--iron);border-radius:999px;height:3px;display:block;overflow:hidden}.cov__fill{background:var(--state-operational);height:100%;transition:width .5s var(--ease-out);display:block}.cov__figures{font-family:var(--font-mono);color:var(--slate);font-variant-numeric:tabular-nums;font-size:.6rem}.cov__pct{font-family:var(--font-mono);color:var(--platinum);font-variant-numeric:tabular-nums;font-size:.68rem}.cov__row--partial .cov__fill{background:var(--state-degraded)}.cov__row--blind{border-style:dashed;border-color:#e5303c73}.cov__row--blind .cov__fill{background:var(--sentinel-lit)}.cov__flag{font-family:var(--font-mono);letter-spacing:.16em;color:var(--sentinel-lit);grid-column:1/-1;font-size:.56rem}.posture{gap:.55rem;margin:0;display:grid}.posture__row{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.posture__row dt{color:var(--slate)}.posture__row dd{color:var(--platinum);text-align:right;margin:0}.posture__row dd.is-ok{color:var(--state-operational)}.posture__row dd.is-watch{color:var(--silver)}.posture__row dd.is-warn{color:var(--state-degraded)}.posture__row dd.is-mono{font-family:var(--font-mono);color:var(--bronze);font-size:.76rem}.demo__disclaimer{margin-top:1.4rem}.table__rowbutton{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--titanium);font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:.72rem;display:block}.table__rowbutton:hover,.table__rowbutton[aria-pressed=true]{color:var(--sentinel-lit)}@media (pointer:coarse){.filter-group button,.mode-switch button,.stepper__step,.btn--sm{min-height:44px}.table__rowbutton{align-items:center;min-height:44px;display:flex}}.demo__topology-narrow{display:none}.mtopo{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.mtopo__row{border:1px solid var(--edge);border-radius:var(--radius);background:var(--carbon);grid-template-columns:3px 1fr auto;align-items:center;gap:.7rem;padding:.6rem .7rem .6rem 0;display:grid;overflow:hidden}.mtopo__bar{background:var(--edge-lit);align-self:stretch;display:block}.mtopo__row--verified .mtopo__bar{background:var(--state-operational)}.mtopo__row--normal .mtopo__bar{background:var(--silver)}.mtopo__row--degraded .mtopo__bar{background:var(--state-degraded)}.mtopo__row--missing .mtopo__bar{background:var(--sentinel-lit)}.mtopo__row--missing{border-style:dashed;border-color:#e5303c73}.mtopo__row.is-focus{box-shadow:inset 0 0 0 1px #c1121f4d}.mtopo__body{min-width:0;display:grid}.mtopo__name{font-family:var(--font-display);letter-spacing:.1em;color:var(--titanium);overflow-wrap:anywhere;font-size:.88rem}.mtopo__kind{font-family:var(--font-mono);color:var(--slate);font-size:.62rem}.mtopo__state{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding-right:.7rem;font-size:.62rem}.mtopo__state--verified{color:var(--state-operational)}.mtopo__state--normal{color:var(--pewter)}.mtopo__state--degraded{color:var(--state-degraded)}.mtopo__state--missing{color:var(--sentinel-lit)}@media (max-width:900px){.demo__topology-wide{display:none}.demo__topology-narrow{display:block}.demo__grid{flex-direction:column;display:flex}.demo__grid>.stack{display:contents}.demo__incidents{order:1}.demo__pulse{order:2}.demo__watchtower{order:3}.demo__evidence{order:4}.stream{max-height:none;overflow-y:visible}.cov__row{grid-template-columns:1fr auto auto}.cov__bar{order:3;grid-column:1/-1}.cov__flag{order:4}.stepper{grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}.stepper li{display:none}.stepper li:has(.is-current){display:block}.stepper__step{text-align:center}.stepper__label{white-space:normal}.demo__controls{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.demo__controls .btn{width:100%}.btn--sm,.filter-group button,.mode-switch button,.stepper__step,.table__rowbutton{min-height:44px}.table__rowbutton{align-items:center;display:flex}}@media (max-width:560px){.demo__head{gap:1rem}.demo__state-value{font-size:1.6rem}}