/* Molstudio Lab reference inside the shared Daylight documentation shell. */

.lab-docs-page .skip{
  position:fixed;z-index:200;left:8px;top:8px;transform:translateY(-150%);
  padding:9px 12px;border-radius:6px;background:var(--ink);color:var(--ink-tx);
  font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase
}
.lab-docs-page .skip:focus{transform:none}
.lab-docs-page .lab-docs-lede{max-width:78ch;margin-top:20px}
.lab-docs-page .manual-switch{margin-top:24px}

.lab-docs-page .status-rail{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  margin-top:18px;overflow:hidden;border:1px solid var(--bd);border-radius:10px;
  background:var(--bd);box-shadow:var(--btn-sh)
}
.lab-docs-page .status-rail>div{padding:13px 14px;background:var(--card)}
.lab-docs-page .status-rail strong,.lab-docs-page .status-rail span{display:block}
.lab-docs-page .status-rail strong{
  font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase
}
.lab-docs-page .status-rail span{margin-top:5px;color:var(--fnt);font-size:11.5px;line-height:1.5}
.lab-docs-page .status-local strong{color:var(--cyan)}
.lab-docs-page .status-data strong{color:var(--green)}
.lab-docs-page .status-provider strong{color:var(--acc)}

.lab-docs-page .toc{max-height:calc(100vh - 88px);overflow-y:auto;scrollbar-width:thin}
.lab-docs-page .toc a{align-items:baseline;line-height:1.3}
.lab-docs-page .toc a i{flex:0 0 18px}
.lab-docs-page .doc-body{min-width:0}
.lab-docs-page .ref-section{margin:0}
.lab-docs-page .ref-section>*{min-width:0}

.lab-docs-page .section-head{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;
  padding-bottom:13px;border-bottom:1px solid var(--bd-soft)
}
.lab-docs-page .section-no{
  display:grid;height:32px;place-items:center;border:1px solid var(--clip-cyan-bd);
  border-radius:6px;background:var(--clip-cyan);color:var(--clip-cyan-tx);
  font:500 9.5px var(--mono);letter-spacing:.1em
}
.lab-docs-page .section-head h2{
  font:600 clamp(20px,2.4vw,25px)/1.08 var(--cond);letter-spacing:.01em;text-transform:uppercase
}
.lab-docs-page .section-head p{
  max-width:76ch;margin-top:5px;color:var(--fnt);font-size:12.5px;line-height:1.55
}
.lab-docs-page .copy{
  max-width:76ch;margin-top:17px;color:var(--mut);font-size:13.5px;line-height:1.72
}
.lab-docs-page .copy strong,.lab-docs-page .list strong{color:var(--tx)}
.lab-docs-page .lab-subhead{margin-top:25px;font-size:15px}

.lab-docs-page .ref-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px
}
.lab-docs-page .ref-grid .card{
  padding:15px 16px;border:1px solid var(--bd-soft);border-radius:8px;
  background:var(--panel);box-shadow:none;overflow:visible
}
.lab-docs-page .ref-grid .card h3{color:var(--tx);font-size:13.5px;font-weight:600}
.lab-docs-page .ref-grid .card h3 code{color:var(--cyan)}
.lab-docs-page .ref-grid .card p{
  max-width:none;margin-top:7px;color:var(--mut);font-size:12.5px;line-height:1.62
}
.lab-docs-page .ref-grid .card .tag{
  display:inline-block;min-width:0;margin-bottom:8px;padding:0;border:0;border-radius:0;
  background:none;color:var(--cyan);font:500 8.5px var(--mono);
  letter-spacing:.14em;text-transform:uppercase
}

.lab-docs-page .truth,.lab-docs-page .caution{
  margin-top:16px;padding:12px 14px;border-left:2px solid var(--cyan);
  border-radius:0 8px 8px 0;background:var(--cyan-soft);color:var(--mut);
  font-size:12.5px;line-height:1.65
}
.lab-docs-page .truth strong,.lab-docs-page .caution strong{color:var(--tx)}
.lab-docs-page .caution{border-left-color:var(--acc);background:var(--acc-soft)}

.lab-docs-page .spec-wrap{
  max-width:100%;margin-top:16px;overflow-x:auto;border:1px solid var(--bd);
  border-radius:8px;background:var(--panel)
}
.lab-docs-page .spec-table{
  width:100%;min-width:680px;border-collapse:collapse;font-size:12px;line-height:1.55
}
.lab-docs-page .spec-table th,.lab-docs-page .spec-table td{
  padding:11px 12px;border-bottom:1px solid var(--bd-soft);text-align:left;vertical-align:top
}
.lab-docs-page .spec-table tr:last-child td{border-bottom:0}
.lab-docs-page .spec-table th{
  color:var(--fnt);font:500 8.5px var(--mono);letter-spacing:.12em;text-transform:uppercase
}
.lab-docs-page .spec-table td{color:var(--mut)}
.lab-docs-page .spec-table td:first-child{color:var(--tx);font-weight:600}
.lab-docs-page .spec-table code{
  color:var(--cyan);font:400 10.5px var(--mono);overflow-wrap:anywhere
}

.lab-docs-page .pipeline{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;
  margin-top:16px;overflow:hidden;border:1px solid var(--bd);border-radius:8px;background:var(--bd)
}
.lab-docs-page .pipeline div{position:relative;padding:13px 11px;background:var(--panel)}
.lab-docs-page .pipeline div::after{
  content:"→";position:absolute;z-index:2;right:-7px;top:17px;color:var(--cyan)
}
.lab-docs-page .pipeline div:last-child::after{display:none}
.lab-docs-page .pipeline b,.lab-docs-page .pipeline span{display:block}
.lab-docs-page .pipeline b{
  color:var(--cyan);font:500 8px var(--mono);letter-spacing:.12em;text-transform:uppercase
}
.lab-docs-page .pipeline span{margin-top:5px;color:var(--mut);font-size:10.5px;line-height:1.45}

.lab-docs-page .code{
  max-width:100%;margin-top:16px;overflow:auto;border:1px solid #2B2F36;
  border-left:3px solid #58C8D8;border-radius:0 8px 8px 0;background:var(--well);
  padding:15px;color:#CFD4DA;font:400 11.5px/1.65 var(--mono);tab-size:2
}
.lab-docs-page .code .k{color:#D7EE67}
.lab-docs-page .code .v{color:#72D2BA}
.lab-docs-page .code .c{color:#8A8F96}
.lab-docs-page .list{
  display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-left:20px;
  color:var(--mut);font-size:13px;line-height:1.65
}
.lab-docs-page .list code,.lab-docs-page .inline-code{
  color:var(--cyan);font:400 11px var(--mono);overflow-wrap:anywhere
}
.lab-docs-page .lab-link{
  color:var(--cyan);text-decoration:underline;text-decoration-color:var(--clip-cyan-bd);
  text-underline-offset:3px
}
.lab-docs-page .lab-link:hover{color:var(--tx);text-decoration-color:currentColor}

.lab-docs-page .syntax-grid,.lab-docs-page .api-list{margin:16px 0 0}
.lab-docs-page .syntax-grid{
  display:grid;grid-template-columns:145px minmax(0,1fr);border-top:1px solid var(--bd-soft)
}
.lab-docs-page .syntax-grid dt,.lab-docs-page .syntax-grid dd{
  margin:0;padding:10px 9px;border-bottom:1px solid var(--bd-soft)
}
.lab-docs-page .syntax-grid dt{
  color:var(--cyan);font:500 9px var(--mono);letter-spacing:.06em
}
.lab-docs-page .syntax-grid dd{color:var(--mut);font-size:12.5px;line-height:1.55}
.lab-docs-page .api-list{
  display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--bd);
  border-radius:8px;overflow:hidden
}
.lab-docs-page .api-list dt,.lab-docs-page .api-list dd{
  margin:0;padding:9px 11px;border-bottom:1px solid var(--bd-soft)
}
.lab-docs-page .api-list dt:last-of-type,.lab-docs-page .api-list dd:last-of-type{border-bottom:0}
.lab-docs-page .api-list dt{
  background:var(--inset);color:var(--cyan);font:400 10px/1.5 var(--mono);overflow-wrap:anywhere
}
.lab-docs-page .api-list dd{color:var(--mut);font-size:12px;line-height:1.55}
.lab-docs-page .limit{color:var(--acc)!important}
.lab-docs-page .bad{color:var(--clip-pink-tx)!important}

@media(max-width:900px){
  .lab-docs-page .status-rail{grid-template-columns:minmax(0,1fr)}
  .lab-docs-page .pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lab-docs-page .pipeline div::after{display:none}
  .lab-docs-page .toc{max-height:none;overflow-y:visible}
}
@media(max-width:600px){
  .lab-docs-page .status-rail,.lab-docs-page .ref-grid,.lab-docs-page .pipeline{
    grid-template-columns:minmax(0,1fr)
  }
  .lab-docs-page .section-head{grid-template-columns:38px minmax(0,1fr);gap:10px}
  .lab-docs-page .section-no{height:29px}
  .lab-docs-page .api-list,.lab-docs-page .syntax-grid{grid-template-columns:minmax(0,1fr)}
  .lab-docs-page .api-list dt,.lab-docs-page .syntax-grid dt{border-bottom:0;padding-bottom:3px}
  .lab-docs-page .api-list dd,.lab-docs-page .syntax-grid dd{padding-top:3px}
}