causal-lab{max-width:72rem;color:var(--graphite);background:var(--sky-sheet);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;accent-color:var(--instrument);scrollbar-color:var(--instrument) var(--sky-sheet);margin-inline:auto;padding:clamp(1rem,3vw,2rem);line-height:1.5;display:block;position:relative}causal-lab[data-motion]{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}causal-lab>*{min-width:0}causal-lab *,causal-lab :before,causal-lab :after{box-sizing:border-box}causal-lab [hidden]{display:none}causal-lab :is(h2,h3,h4){text-wrap:balance;margin-block:1.5rem .5rem;line-height:1.25}causal-lab h2{font-size:2rem}causal-lab h3{font-size:1.35rem}causal-lab h4{font-size:1.1rem}causal-lab p{max-width:var(--measure-reading);margin-block:.5rem 1rem}.lab-replicas{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin:0;display:grid}.lab-replica{border-block:var(--rule-width) solid var(--line);min-width:0;padding-block:1rem}.lab-replica h3:before{content:"";border:2px solid var(--instrument);background:var(--signal);width:.8rem;height:.8rem;margin-inline-end:.75rem;display:inline-block}.lab-replica[data-station-shape=circle] h3:before{border-radius:50%}.lab-replica[data-station-shape=diamond] h3:before{transform:rotate(45deg)}causal-lab .lab-replica h3{margin-top:0}.lab-replica dd{font-size:.875rem}causal-lab dl{margin-block:1rem}causal-lab dt{font-family:var(--font-ui);margin-block-start:.75rem;font-weight:700}causal-lab dd{margin:0}.lab-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.lab-control{flex:9rem;min-width:0}causal-lab .lab-control p{font-family:var(--font-ui);margin-block:.4rem 0;font-size:.875rem}.lab-control button{width:100%}causal-lab button{max-width:100%;min-height:2.75rem;color:inherit;font:inherit;font-family:var(--font-ui);cursor:pointer;background:0 0;border:1px solid;border-radius:0;padding:.5rem .75rem;line-height:1.4}causal-lab button:hover:not(:disabled){color:var(--clear);background:var(--instrument)}causal-lab button:disabled{cursor:not-allowed;border-style:dashed}causal-lab button:active:not(:disabled){color:var(--instrument-deep);background:var(--signal)}.lab-messages>ul,.lab-trace ol{margin:0;padding:0;list-style:none}.lab-connection{border-block:1px solid var(--line);padding-block:.5rem}.lab-route{width:100%;height:1.5rem;color:var(--instrument);fill:none;stroke:currentColor;stroke-width:2px;display:block}.lab-route[data-blocked=true]{color:var(--interference);stroke-dasharray:6 4}.lab-route-break{stroke-dasharray:none}.lab-message-route{font-family:var(--font-data);justify-content:space-between;font-size:.875rem;display:flex}.lab-message dl{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.5rem 1rem;font-size:.875rem;display:grid}.lab-message dt{margin:0}.lab-message{border-top:2px solid;padding-block:1rem}.lab-message[data-blocked=true]{border-top-style:dashed;border-top-color:var(--interference)}.lab-comparison{background:var(--instrument);color:var(--clear);padding:1rem}causal-lab .lab-comparison h3{margin-top:0}.lab-comparison .observation-data{font-size:.875rem}.lab-explanation{font-size:.95rem}.lab-trace li{border-bottom:1px solid var(--line);padding-block:.75rem}.lab-trace li p{margin-block:.5rem 0;font-size:.95rem}.lab-inspector,.lab-invariants{border-top:1px solid var(--instrument);font-size:.95rem}.lab-inspector details{border-bottom:1px solid var(--line)}.lab-inspector summary{min-height:44px;font-family:var(--font-ui);cursor:pointer;padding-block:.75rem;display:list-item}.lab-inspector summary:hover{text-underline-offset:.2em;text-decoration:underline}.lab-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;overflow:visible}.lab-invariants ul{padding-inline-start:1.2rem}.lab-invariants li{margin-block:.5rem}causal-lab [role=status]:not(:empty){border-top:2px solid var(--instrument);font-family:var(--font-ui);margin:0;padding-block:1rem}.lab-signal{z-index:1;border:2px solid var(--instrument);background:var(--signal);pointer-events:none;width:12px;height:12px;position:absolute;inset:0 auto auto 0}causal-lab [role=alert]{border:2px solid;padding:1rem}causal-lab [aria-current=step]{background:var(--signal);color:var(--instrument-deep);font-weight:700}causal-lab [aria-pressed=true]{background:var(--instrument);color:var(--clear)}@media (width<=41.999rem){.lab-message .lab-route{display:none}.lab-message-route{border-block:1px solid var(--instrument);flex-direction:column;gap:1.5rem;max-width:12ch;padding-block:.5rem}}@media (width>=42rem){.lab-message-route[data-direction=reverse]{flex-direction:row-reverse}.lab-replicas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64.001rem){causal-lab[data-motion]{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;column-gap:2rem}causal-lab[data-motion]>:is(h2,.lab-controls,[role=status],[role=alert]){grid-column:1/-1}causal-lab[data-motion] .lab-replicas{grid-area:3/1}causal-lab[data-motion] .lab-messages{grid-area:4/1}causal-lab[data-motion] .lab-comparison{grid-area:5/1}causal-lab[data-motion] .lab-trace{grid-area:6/1}causal-lab[data-motion] .lab-inspector{grid-area:3/2/5/3}causal-lab[data-motion] .lab-invariants{grid-area:5/2/7/3}}@media (prefers-reduced-motion:reduce){causal-lab,causal-lab *,causal-lab :before,causal-lab :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}