.transfer-shell {
  max-width: 850px;
}

.transfer-standalone {
  display: block;
  width: min(680px, 100%);
  margin: 24px auto 0;
  padding: 34px 38px;
  animation: transferFlowIn .34s ease-out;
}

.transfer-standalone:before,
.transfer-standalone:after {
  display: none;
}

.transfer-procedure { margin-top: 18px; padding: 20px; border: 1px solid #efbd4f; border-radius: 13px; background: linear-gradient(145deg, #fffdf8, #fff7df); }
.transfer-procedure h4 { margin: 0 0 8px; color: #9f3d09; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.transfer-procedure h4 span { display: block; }
.transfer-procedure .detail-steps { margin-bottom: 0; }
.transfer-procedure .detail-steps li:last-child { border-bottom: 0; }
.transfer-procedure .detail-steps span { display: block; color: #34415b; }
.transfer-intro { margin: 18px auto 0; color: #9f3d09; font-size: 14px; font-weight: 700; text-align: center; }
.transfer-accept { border-color: #e0ad3f; background: #fff9e7; color: #5a3511; }
.transfer-accept input { accent-color: #d88a09; }

@keyframes transferFlowIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 680px) {
  .transfer-standalone {
    margin-top: 18px;
    padding: 24px 20px;
  }
  .transfer-procedure { padding: 15px; }
}