/* ============================================================
   Texto estruturado do Neon — só o que o ladder.css não tem.
   A página carrega os dois: a barra, os botões e as saídas são
   os mesmos do simulador Ladder.
   ============================================================ */
.st-codigo pre{ margin: 14px 0 0; padding: 10px 0; background: var(--papel); border-radius: 8px; overflow-x: auto; font: 13px/1.6 var(--mono); }
.st-codigo pre[hidden]{ display: none; }
.st-codigo .ln{ display: block; padding-right: 12px; white-space: pre; }
.st-codigo .nr{ display: inline-block; width: 2.6em; padding-right: 12px; text-align: right; color: var(--fraco); user-select: none; -webkit-user-select: none; }
.st-codigo .ln.mudou{ background: color-mix(in srgb, var(--verde) 16%, transparent); }
.st-codigo .ln.erro{ background: color-mix(in srgb, var(--vermelho) 18%, transparent); }
.st-editor{
  display: block; width: 100%; box-sizing: border-box; min-height: 280px; margin: 14px 0 0; padding: 10px 12px;
  font: 13px/1.6 var(--mono); tab-size: 4; resize: vertical;
  border: 1.5px solid var(--linha-forte); border-radius: 8px; background: var(--papel); color: var(--tinta);
}
.st-editor[hidden]{ display: none; }
.lad .st-manda{ margin: 10px 0 0; }
.st-manda[hidden]{ display: none; }
.st-erro{ margin: 8px 0 0; font: 700 13px/1.5 var(--mono); color: var(--vermelho); }
.st-erro[hidden]{ display: none; }
.st-vars{ display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 12px 0 0; font: 12.5px/1.5 var(--mono); color: var(--dim); font-variant-numeric: tabular-nums; }
.st-vars .rot{ color: var(--tinta); font-weight: 700; }
.st-vars .um{ color: var(--verde); font-weight: 700; }
.st-rastro{ margin: 8px 0 0; font: 12.5px/1.6 var(--mono); color: var(--dim); overflow-wrap: anywhere; }