.article-lettered-steps{gap:.65rem;margin:1rem 0 1.75rem;padding-left:0;list-style:none;display:grid}.article-lettered-steps li{grid-template-columns:1.5rem minmax(0,1fr);gap:.25rem;display:grid}.article-lettered-steps li strong{color:var(--sl-color-coal-dark);font-weight:700}.article-logic-flow{width:100%;color:var(--sl-color-coal-light);overflow-wrap:normal;word-break:normal;margin:2rem 0;font-size:.875rem;line-height:1.45}.article-logic-flow__titlebar,.article-logic-flow__canvas{border:1px solid rgb(var(--sl-color-concrete-light-rgb) / .38)}.article-logic-flow__titlebar{min-height:3.25rem;color:var(--sl-color-coal-dark);background:#ffffff9e;border-bottom:0;border-radius:.65rem .65rem 0 0;justify-content:space-between;align-items:center;padding:.45rem .6rem .45rem 1rem;display:flex}.article-logic-flow__titlebar strong{font-size:1rem}.article-logic-flow__window-control{border:1px solid var(--sl-color-cotton-dark);width:1.85rem;height:1.85rem;color:var(--sl-color-watermelon-dark);background:#fff;border-radius:.35rem;place-items:center;font-size:1rem;line-height:1;display:grid}.article-logic-flow__canvas{background-color:rgb(var(--sl-color-carrot-light-rgb) / .2);background-image:radial-gradient(circle, rgb(var(--sl-color-carrot-light-rgb) / .42) 1.25px, transparent 1.25px);background-size:1.25rem 1.25rem;border-radius:0 0 .65rem .65rem;padding:clamp(.8rem,3vw,1.5rem)}.article-logic-flow__panel,.article-logic-flow__end{border:1px solid rgb(var(--sl-color-concrete-light-rgb) / .34);width:min(100%,42rem);box-shadow:0 .65rem 1.6rem rgb(var(--sl-color-coal-dark-rgb) / .06);background:#fffffff0;margin-inline:auto}.article-logic-flow__panel{border-radius:.5rem;overflow:hidden}.article-logic-flow__toolbar{border-bottom:1px solid var(--sl-color-cotton-dark);background:#fff;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:3rem;padding:.45rem;display:flex}.article-logic-flow__keyword,.article-logic-flow__choice,.article-logic-flow__tag{border:1px solid var(--sl-color-cotton-dark);min-height:2.1rem;color:var(--sl-color-coal-dark);background:#fff;border-radius:.35rem;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;line-height:1.25;display:inline-flex}.article-logic-flow__keyword,.article-logic-flow__choice{padding:.35rem .6rem}.article-logic-flow__keyword{background:0 0;border-color:#0000}.article-logic-flow__choice--wide{flex:16rem}.article-logic-flow__choice--wide:after,.article-logic-flow__choice--muted:after{color:var(--sl-color-sky-dark);content:"⌄";margin-left:auto}.article-logic-flow__choice--muted{min-width:min(100%,13rem);color:var(--sl-color-concrete-dark)}.article-logic-flow .article-logic-flow__choice img,.article-logic-flow .article-logic-flow__tag img{object-fit:contain;width:1.35rem;min-width:1.35rem;max-width:1.35rem;height:1.35rem;margin:0;display:block}.article-logic-flow__row-controls{gap:.3rem;margin-left:auto;display:flex}.article-logic-flow__row-controls span{border:1px solid var(--sl-color-cotton-dark);width:1.8rem;height:1.8rem;color:var(--sl-color-concrete-dark);background:#fff;border-radius:.3rem;place-items:center;font-size:1rem;line-height:1;display:grid}.article-logic-flow__row-controls span:last-child{color:var(--sl-color-artichoke-dark)}.article-logic-flow__question,.article-logic-flow__condition,.article-logic-flow__value-field,.article-logic-flow__visual-value,.article-logic-flow__options,.article-logic-flow__target{padding:.75rem}.article-logic-flow__question{padding-right:2.5rem;position:relative}.article-logic-flow__question:after{color:var(--sl-color-sky-dark);content:"⌄";position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.article-logic-flow__required{color:var(--sl-color-watermelon-dark);margin-right:.18rem;font-weight:700}.article-logic-flow__condition{padding-top:0;padding-bottom:0}.article-logic-flow__value-field{border:1px solid var(--sl-color-cotton-dark);background:#fff;border-radius:.4rem;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0 .75rem .75rem;padding:.5rem;display:flex}.article-logic-flow__visual-value{border:1px solid var(--sl-color-cotton-dark);background:#fff;border-radius:.4rem;margin:0 .75rem .75rem;overflow:hidden}.article-logic-flow .article-logic-flow__visual-value img{width:100%;max-width:none;height:auto;margin:0;display:block}.article-logic-flow__options{border:1px solid var(--sl-color-cotton-dark);background:#fff;border-radius:.4rem;gap:0;margin:0 .75rem .75rem;list-style:none;display:grid}.article-logic-flow__options li{align-items:center;gap:.55rem;min-height:2.4rem;margin:0;padding:.4rem .6rem;display:flex}.article-logic-flow__options li+li{border-top:1px solid var(--sl-color-cotton-dark)}.article-logic-flow__options li>span{border:1.5px solid var(--sl-color-concrete-light);background:#fff;border-radius:50%;flex:0 0 1rem;width:1rem;height:1rem}.article-logic-flow__options li.is-selected>span{border:.28rem solid var(--sl-color-sky-light)}.article-logic-flow__tag{border-color:rgb(var(--sl-color-sky-light-rgb) / .45);background:rgb(var(--sl-color-sky-light-rgb) / .09);padding:.35rem .6rem}.article-logic-flow__placeholder,.article-logic-flow__muted{color:var(--sl-color-concrete-dark);font-weight:400}.article-logic-flow__target{gap:.5rem;padding-top:.7rem;padding-bottom:.9rem;display:grid}.article-logic-flow__target-prefix{color:var(--sl-color-concrete-dark);font-weight:400}.article-logic-flow__connector{background:var(--sl-color-concrete-light);width:2px;height:1.6rem;margin-inline:auto;display:block;position:relative}.article-logic-flow__connector:after{border-right:2px solid var(--sl-color-concrete-light);border-bottom:2px solid var(--sl-color-concrete-light);content:"";width:.55rem;height:.55rem;position:absolute;bottom:-.1rem;right:50%;transform:translate(50%)rotate(45deg)}.article-logic-flow__end{width:fit-content;min-height:2.2rem;color:var(--sl-color-coal-dark);border-radius:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:700}@media (width<=560px){.article-logic-flow__canvas{margin-inline:-.5rem}.article-logic-flow__choice--wide{flex-basis:calc(100% - 5rem)}.article-logic-flow__row-controls{justify-content:flex-end;width:100%}.article-logic-flow__keyword,.article-logic-flow__choice,.article-logic-flow__tag,.article-logic-flow__end{font-size:.75rem}}
