/* order-type-sim: every selector starts with .order-type-sim- */
.order-type-sim-intro { margin: 0; font: 700 var(--fs-ui)/1.4 var(--font-ui); color: var(--ink); }
.order-type-sim-chart { position: relative; }
.order-type-sim-now { stroke: var(--line-strong); stroke-width: 1; stroke-dasharray: 2 4; }
.order-type-sim-hist { stroke: var(--ink-3); stroke-width: 1.5; fill: none; stroke-linejoin: round; }
.order-type-sim-path { stroke: var(--ink); stroke-width: 2; fill: none; stroke-linejoin: round; }
.order-type-sim-dot { fill: var(--ink); }
.order-type-sim-tline { stroke-width: 1.5; stroke-dasharray: 7 5; }
.order-type-sim-tline.order-type-sim-limit { stroke: var(--up); }
.order-type-sim-tline.order-type-sim-stop { stroke: var(--down); }
.order-type-sim-tag.order-type-sim-limit { fill: var(--up); }
.order-type-sim-tag.order-type-sim-stop { fill: var(--down); }
.order-type-sim-tlab { font: 700 var(--fs-chart) var(--font-ui); font-variant-numeric: tabular-nums; fill: var(--on-ink); }
.order-type-sim-gapband { fill: var(--brand-wash); }
.order-type-sim-gaptxt { font: 700 var(--fs-chart) var(--font-ui); fill: var(--brand-ink); }
.order-type-sim-fill { fill: var(--brand); stroke: var(--paper); stroke-width: 2; }
.order-type-sim-flab { font: 700 var(--fs-chart) var(--font-ui); font-variant-numeric: tabular-nums; fill: var(--ink); paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.order-type-sim-hint { margin: 0; color: var(--ink-2); font-size: var(--fs-small); line-height: 1.5; }
.order-type-sim-go { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s4); }
.order-type-sim-result { margin: 0; min-width: 0; font: 700 var(--fs-ui)/1.4 var(--font-ui); font-variant-numeric: tabular-nums; flex: 1 1 14rem; overflow-wrap: anywhere; }
.order-type-sim-result[data-tone="up"] { color: var(--up); }
.order-type-sim-result[data-tone="down"] { color: var(--down); }
.order-type-sim-result[data-tone="none"] { color: var(--ink-2); }
.order-type-sim-board { display: grid; border-top: var(--rule-strong); border-bottom: var(--rule); }
.order-type-sim-row { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: var(--s3); align-items: baseline; padding: var(--s2) 0; font-size: var(--fs-small); line-height: 1.45; color: var(--ink-3); }
.order-type-sim-cell { min-width: 0; overflow-wrap: anywhere; }
.order-type-sim-row + .order-type-sim-row { border-top: 1px solid var(--line); }
.order-type-sim-name { font-weight: 700; color: var(--ink); }
.order-type-sim-row[data-tone="up"] { color: var(--up); }
.order-type-sim-row[data-tone="down"] { color: var(--down); }
.order-type-sim-row[data-tone="none"] { color: var(--ink-2); }