/* 켈리 데이터(kelly-lev.js) — R-R · 터틀 · DCA 결과 화면 공용 · 「이 결과의 세팅」 밑, 매매 리플레이 바로 위(2026-10-14).
   색은 토큰만(design-tokens.css · --tql-*) — 하드코딩 색을 늘리지 않는다. */
.kl-card .kl-h{margin:0 0 4px;font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--tql-ink)}
.kl-card .kl-lead{margin:0 0 12px}
.kl-hero{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:var(--tql-r-sm);background:var(--tql-action-weak);border:1px solid var(--tql-line-2)}
.kl-hero .kl-k{font-size:13px;font-weight:700;color:var(--tql-ink-sub)}
.kl-hero .kl-big{font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.6px;color:var(--tql-action);font-variant-numeric:tabular-nums}
.kl-hero .kl-sub{font-size:13.5px;color:var(--tql-ink-sub);line-height:1.6}
.kl-hero .kl-sub b{color:var(--tql-ink)}
.kl-hero .kl-sub b.up{color:var(--tql-up)}
.kl-hero .kl-sub b.dn{color:var(--tql-down)}
.kl-go{align-self:flex-start;margin-top:8px;min-height:44px;padding:0 18px;border:0;border-radius:var(--tql-r-pill);background:var(--tql-action);color:var(--tql-card);font:inherit;font-size:14.5px;font-weight:800;cursor:pointer}
.kl-go:hover{filter:brightness(1.06)}
.kl-go:focus-visible,.kl-mini.is-go:focus-visible,.kl-row.is-go:focus-visible{outline:2px solid var(--tql-action);outline-offset:2px}
.kl-here{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--tql-ink-sub)}
.kl-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}
.kl-mini{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:var(--tql-r-sm);background:var(--tql-card-sub)}
.kl-mini .kl-k{font-size:12px;font-weight:700;color:var(--tql-ink-sub)}
.kl-mini>b{font-size:18px;font-weight:800;color:var(--tql-ink)}
.kl-mini .kl-s{font-size:12.5px;color:var(--tql-ink-sub);line-height:1.5}
.kl-mini .kl-s b.up{color:var(--tql-up)}
.kl-mini .kl-s b.dn{color:var(--tql-down)}
.kl-mini.is-go{appearance:none;border:1px solid var(--tql-line-2);text-align:left;font:inherit;color:inherit;cursor:pointer}
.kl-mini.is-go:hover{border-color:var(--tql-action)}
.kl-mini .kl-gl{margin-top:2px;font-size:12px;font-weight:700;color:var(--tql-action)}
.kl-rows{display:flex;flex-direction:column;gap:3px;margin-top:14px}
.kl-row{display:grid;grid-template-columns:40px minmax(0,1fr) 76px 62px;align-items:center;gap:8px;padding:7px 8px;border:1px solid transparent;border-radius:var(--tql-r-sm);font-size:13.5px;font-variant-numeric:tabular-nums}
.kl-row .kl-fin{display:none}
.kl-row.kl-rh{padding-top:0;padding-bottom:0;font-size:11.5px;font-weight:700;color:var(--tql-ink-faint)}
.kl-row .kl-lv{font-weight:800;color:var(--tql-ink)}
.kl-track{position:relative;display:block;height:10px;border-radius:var(--tql-r-pill);background:var(--tql-line-2);overflow:hidden}
.kl-track i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--tql-ink-faint)}
.kl-row.is-best{background:var(--tql-action-weak);border-color:var(--tql-action)}
.kl-row.is-best .kl-track i{background:var(--tql-action)}
.kl-row.is-go{cursor:pointer}
.kl-row.is-go:hover{background:var(--tql-card-sub)}
.kl-row.is-best.is-go:hover{background:var(--tql-action-weak);filter:brightness(1.04)}
.kl-row.is-cur{border-color:var(--tql-ink-faint);border-style:dashed}
.kl-row.is-best.is-cur{border-color:var(--tql-action);border-style:solid}
.kl-row .kl-ret,.kl-row .kl-mdd{text-align:right;font-weight:700}
.kl-row .kl-ret.up{color:var(--tql-up)}
.kl-row .kl-ret.dn,.kl-row .kl-mdd{color:var(--tql-down)}
.kl-row.kl-rh .kl-ret,.kl-row.kl-rh .kl-mdd{color:var(--tql-ink-faint)}
.kl-row .kl-ret em{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--tql-down)}
.kl-row.is-skip .kl-why{grid-column:2 / -1;font-size:12.5px;line-height:1.45;color:var(--tql-ink-faint)}
.kl-wait{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--tql-r-sm);background:var(--tql-card-sub);border:1px solid var(--tql-line-2)}
.kl-wait .kl-wt{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:800;color:var(--tql-ink)}
.kl-wait .kl-ws{font-size:13px;line-height:1.6;color:var(--tql-ink-sub)}
.kl-pg{display:block;height:6px;border-radius:var(--tql-r-pill);background:var(--tql-line-2);overflow:hidden}
.kl-pg i{display:block;height:100%;border-radius:inherit;background:var(--tql-action);transition:width .35s ease}
.kl-pn{font-size:12px;color:var(--tql-ink-faint);font-variant-numeric:tabular-nums}
.kl-spin{flex:none;display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid var(--tql-line-2);border-top-color:var(--tql-action);animation:kl-rot .9s linear infinite}
@keyframes kl-rot{to{transform:rotate(360deg)}}
.kl-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:12px;color:var(--tql-ink-faint)}
.kl-legend span{display:inline-flex;align-items:center;gap:5px}
.kl-key{display:inline-block;width:14px;height:10px;border-radius:3px}
.kl-key.is-best{background:var(--tql-action-weak);border:1px solid var(--tql-action)}
.kl-key.is-cur{border:1px dashed var(--tql-ink-faint)}
.kl-legend .kl-tap{color:var(--tql-ink-sub)}
.kl-card .kl-note{margin:10px 0 0}
.kl-formula{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:12px 14px;border-radius:var(--tql-r-sm);background:var(--tql-card-sub);font-size:13px;line-height:1.55;color:var(--tql-ink-sub)}
.kl-formula b{color:var(--tql-ink)}
.kl-formula .kl-ft{font-size:13.5px}
.kl-formula .kl-s{font-size:12px;color:var(--tql-ink-faint)}
.kl-what{margin-top:10px;font-size:13px;line-height:1.6;color:var(--tql-ink-sub)}
.kl-what summary{cursor:pointer;font-weight:700;color:var(--tql-action)}
.kl-what p{margin:6px 0 0}
@media (min-width:640px){
  .kl-row{grid-template-columns:52px minmax(0,1fr) 112px 92px 76px}
  .kl-row .kl-fin{display:block;text-align:right;color:var(--tql-ink-sub)}
}
@media (max-width:520px){
  .kl-trio{grid-template-columns:1fr 1fr}
  .kl-trio .kl-mini:nth-child(3):last-child,.kl-trio .kl-mini:only-child{grid-column:1 / -1}
}
@media (prefers-reduced-motion:reduce){.kl-spin{animation:none}.kl-pg i{transition:none}}