[data-research-lab-nav][hidden]{display:none!important}

.rlab-page{background:var(--color-void);color:var(--color-text);padding-bottom:var(--space-3xl)}
.rlab-head{padding-block:var(--space-2xl) var(--space-l)}
.rlab-head-inner{display:grid;gap:var(--space-m);max-width:var(--measure)}
.rlab-kicker,.rlab-slot-label,.rlab-state,.rlab-meta,.rlab-step-index{font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta)}
.rlab-kicker{letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--color-portal-text)}
.rlab-title{font-size:var(--type-headline);line-height:var(--lh-headline);letter-spacing:var(--ls-headline);font-weight:var(--weight-medium);text-wrap:balance}
.rlab-lede,.rlab-column-lede,.rlab-note{font-size:var(--type-caption);line-height:var(--lh-caption);color:var(--color-text-muted);text-wrap:pretty}
.rlab-notice{font-family:var(--font-mono);font-size:var(--type-meta);line-height:var(--lh-meta);color:var(--color-lilac)}
.rlab-disclaimer{padding:var(--space-m);border:var(--hair) solid var(--color-line-strong);font-size:var(--type-label);line-height:var(--lh-label);color:var(--color-text-faint)}
.rlab-text-link{color:var(--color-portal-text);text-decoration:underline;text-decoration-color:var(--color-accent-soft);text-underline-offset:var(--step-4)}
.rlab-text-link:hover{text-decoration-color:var(--color-accent-line)}

.rlab-door{position:relative;min-height:calc(var(--space-4xl) + var(--space-3xl));margin-bottom:var(--space-3xl);border:var(--hair) solid var(--color-line-panel);background:var(--color-dusk)}
.rlab-door::before,.rlab-door::after{content:"";position:absolute;width:var(--shell-panel-corner);height:var(--shell-panel-corner);border-color:var(--color-accent-line);border-style:solid;pointer-events:none}
.rlab-door::before{top:calc(-1 * var(--hair));left:calc(-1 * var(--hair));border-width:var(--hair) 0 0 var(--hair)}
.rlab-door::after{right:calc(-1 * var(--hair));bottom:calc(-1 * var(--hair));border-width:0 var(--hair) var(--hair) 0}

.rlab-exchange{display:grid;gap:var(--space-l);align-items:stretch}
.rlab-column{display:grid;align-content:start;gap:var(--space-m);padding:var(--space-l);background:var(--color-raised);border:var(--hair) solid var(--color-line)}
.rlab-column-head{display:grid;gap:var(--space-xs)}
.rlab-column-title{font-size:var(--type-title);line-height:var(--lh-title);letter-spacing:var(--ls-title)}
.rlab-slots{display:grid;gap:var(--space-s)}
.rlab-slot{display:grid;gap:var(--space-xs);padding:var(--space-m);border:var(--hair) dashed var(--color-line-strong);background:var(--color-canvas)}
.rlab-slot[data-filled="true"]{border-style:solid;background:var(--color-void)}
.rlab-slot-label{text-transform:uppercase;color:var(--color-lilac)}
.rlab-records,.rlab-steps{display:grid;gap:var(--space-s);margin:0;padding:0;list-style:none}
.rlab-record,.rlab-step{display:grid;gap:var(--space-2xs)}
.rlab-card-title,.rlab-step strong{font-size:var(--type-subtitle);line-height:var(--lh-subtitle);letter-spacing:var(--ls-subtitle);font-weight:var(--weight-medium);text-wrap:balance}
.rlab-card-title a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-line-strong);text-underline-offset:var(--step-4)}
.rlab-card-title a:hover{text-decoration-color:var(--color-accent-line)}
.rlab-state{text-transform:uppercase;color:var(--color-portal-text)}
.rlab-meta,.rlab-empty{color:var(--color-text-faint)}
.rlab-empty{margin:0}

.rlab-exchange-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);min-height:var(--space-3xl);color:var(--color-portal-text);font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:var(--ls-caps);text-transform:uppercase}
.rlab-diamond{width:var(--space-l);height:var(--space-l);border:var(--hair) solid var(--color-portal);background:var(--color-mark-dark);transform:rotate(45deg)}

.rlab-path{margin-top:var(--space-xl);padding-block:var(--space-xl);background:var(--color-dusk)}
.rlab-path .wrap{display:grid;gap:var(--space-l)}
.rlab-empty--path{padding:var(--space-m);border:var(--hair) dashed var(--color-line-panel)}
.rlab-step{padding:var(--space-m);background:var(--color-paper);color:var(--color-paper-ink)}
.rlab-step .rlab-meta,.rlab-step .rlab-note,.rlab-step-index{color:var(--color-paper-muted)}

@media (min-width:960px){
  .rlab-exchange{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}
  .rlab-steps{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
}