#rules-engine-demo .grid-lines{background-image:linear-gradient(var(--color-edge-soft) 1px,transparent 1px),linear-gradient(90deg,var(--color-edge-soft) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse 75% 85% at 50% 45%,black 25%,transparent 82%);opacity:.5}#rules-engine-demo svg[data-edges] path{fill:none;stroke:var(--color-edge);stroke-width:1.5;transition:stroke .8s var(--ease-out-quart)}#rules-engine-demo svg[data-edges] path.edge-fx{stroke:var(--color-edge-soft);stroke-dasharray:4 5}#rules-engine-demo svg[data-edges] path.edge-fx.on{stroke:var(--color-edge);stroke-dasharray:none}#rules-engine-demo svg[data-edges] path.edge-hot{stroke:var(--color-gold-soft);transition:stroke .15s var(--ease-out-quart)}#rules-engine-demo .panel-controls{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;padding:1rem 1.4rem 0}#rules-engine-demo .panel-controls>:first-child{margin-right:auto}#rules-engine-demo .seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-edge);border-radius:.3rem;background:var(--color-ink-1)}#rules-engine-demo .seg button{font-family:var(--font-smallcaps, inherit);font-size:.8rem;letter-spacing:.1em;color:var(--color-paper-soft);padding:.5rem .9rem;transition:color .2s,background-color .2s}#rules-engine-demo .seg button+button{border-left:1px solid var(--color-edge)}#rules-engine-demo .seg button:hover{color:var(--color-gold)}#rules-engine-demo .seg button[aria-pressed=true]{background:var(--color-ink-2);color:var(--color-gold)}#rules-engine-demo .diagram{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;align-content:center;gap:2rem clamp(2rem,4vw,4.5rem);padding:clamp(1.4rem,2.5vw,2rem) clamp(1.5rem,3.5vw,3.5rem)}#rules-engine-demo .inputs-col{justify-self:center;display:flex;flex-direction:column;align-items:stretch;gap:1.1rem}#rules-engine-demo .score-plate{border:1px solid var(--color-edge);background:var(--color-ink-2);border-radius:.4rem;padding:.9rem 1.3rem;text-align:center}#rules-engine-demo .score-label{font-size:.78rem;letter-spacing:.16em;color:var(--color-paper-soft)}#rules-engine-demo .score-row{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}#rules-engine-demo .score-value{font-size:2.3rem;color:var(--color-gold);font-variant-numeric:tabular-nums;min-width:2ch}#rules-engine-demo .score-sub{margin-top:.5rem;font-size:.63rem;color:var(--color-ash)}#rules-engine-demo .step{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--color-edge);background:var(--color-ink-1);border-radius:.3rem;font-size:1.05rem;color:var(--color-paper-soft);transition:color .2s,border-color .2s}#rules-engine-demo .step:hover:not(:disabled){color:var(--color-gold);border-color:var(--color-gold-soft)}#rules-engine-demo .step:disabled{opacity:.3;pointer-events:none}#rules-engine-demo .fx-head{margin:.2rem 0 -.4rem;text-align:center;font-size:.72rem;letter-spacing:.16em;color:var(--color-ash)}#rules-engine-demo .fx-list{display:flex;flex-direction:column;gap:.6rem}#rules-engine-demo .fx{display:flex;flex-direction:column;align-items:center;gap:.15rem;border:1px dashed var(--color-edge);background:var(--color-ink-1);border-radius:.4rem;padding:.45rem .9rem;transition:border-color .25s,background-color .25s}#rules-engine-demo .fx-label{font-size:.72rem;letter-spacing:.12em;color:var(--color-paper-soft);transition:color .25s}#rules-engine-demo .fx-sub{font-size:.6rem;color:var(--color-ash);white-space:nowrap}#rules-engine-demo .fx:hover .fx-label{color:var(--color-gold)}#rules-engine-demo .fx[aria-pressed=true]{border-style:solid;border-color:var(--color-gold-soft);background:var(--color-ink-2)}#rules-engine-demo .fx[aria-pressed=true] .fx-label{color:var(--color-gold)}#rules-engine-demo .mid-col{display:flex;flex-direction:column;gap:1.6rem;justify-self:center}#rules-engine-demo .leaf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:.9rem}#rules-engine-demo .leaf-grid>.plate:nth-child(odd):last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - .45rem)}#rules-engine-demo .plate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:1px solid var(--color-edge-soft);background:var(--color-ink-2);border-radius:.4rem;padding:.75rem 1rem;text-align:center}#rules-engine-demo .plate-label{font-size:.72rem;letter-spacing:.14em;color:var(--color-paper-soft)}#rules-engine-demo .plate-value{font-size:1.35rem;color:var(--color-paper);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .9s var(--ease-out-quart)}#rules-engine-demo .plate-value.is-hot{color:var(--color-gold);transition:none}#rules-engine-demo .plate-formula{font-size:.63rem;color:var(--color-ash)}#rules-engine-demo .fseg{white-space:nowrap}#rules-engine-demo .fseg+.fseg{margin-left:.5ch}#rules-engine-demo .fseg.fx-term{color:var(--color-gold-soft)}#rules-engine-demo .panel-caption{position:relative;padding:0 1.4rem 1.1rem;text-align:center}#rules-engine-demo .panel-caption p{font-size:.72rem;color:var(--color-ash);min-height:1.55em}@media(max-width:760px){#rules-engine-demo .diagram{grid-template-columns:1fr;justify-items:center}#rules-engine-demo .mid-col{flex-direction:row;gap:1.2rem}#rules-engine-demo .panel-caption p{min-height:3.1em}}@media(max-width:480px){#rules-engine-demo .leaf-grid{grid-template-columns:minmax(0,22rem);justify-content:center}#rules-engine-demo .leaf-grid>.plate:nth-child(odd):last-child{grid-column:auto;width:auto;justify-self:stretch}}#rules-engine-demo .heartbeat{animation:rules-demo-heartbeat 2.4s ease-in-out infinite}@keyframes rules-demo-heartbeat{0%,48%,to{opacity:.55;transform:scale(1)}12%{opacity:1;transform:scale(1.35)}24%{opacity:.7;transform:scale(1)}36%{opacity:1;transform:scale(1.25)}}