/* 주문의 흔적 추천 — 메멘토 큐브 추천 화면(memento-cube.css)을 그대로 쓰고 다른 부분만 덮어씀 */

.st-col-armor{ --cube-color: #4a90d9; }
.st-col-acc{ --cube-color: #c8651f; }

.st-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.st-total{
  margin: -4px 0 10px;
  font-size: 13px;
  font-weight: 800;
  color: var(--title);
}

.st-action{
  color: var(--text);
}

.st-tag{
  display: inline-block;
  margin-right: 2px;
  font-size: 11.5px;
  font-weight: 800;
  padding: 1px 7px;
  border-radius: 999px;
  color: #fff;
  background: var(--accent-green-hover);
}

.st-action.is-redo .st-tag{
  background: #c0533a;
}

.st-deficit{
  margin: -2px 0 6px;
  font-size: 12px;
}

.st-scroll-badge{
  background: #8c7a5b;
}

@media (max-width: 760px){
  .st-grid{
    grid-template-columns: 1fr;
  }
}