/* Incorrect-code result refinement. Kept isolated from the verified vault layout. */
.result.miss .r-miss {
  margin-bottom: clamp(22px, 3vh, 30px);
}

.result.miss > .again-btn {
  min-width: 156px;
}

.result.miss .incorrect-codes-link {
  align-items: center;
  background: rgba(251, 13, 27, 0.08);
  border: 1px solid rgba(251, 13, 27, 0.5);
  border-radius: 999px;
  color: var(--paper);
  display: inline-flex;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.1em;
  margin: clamp(20px, 3vh, 28px) auto 0;
  min-height: 44px;
  padding: 12px 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s cubic-bezier(.16, 1, .3, 1);
}

.result.miss .incorrect-codes-link:hover {
  background: rgba(251, 13, 27, 0.18);
  border-color: var(--red);
  color: #fff;
  transform: translateY(-1px);
}

.result.miss .incorrect-codes-link:active {
  transform: scale(0.98);
}

.result.miss .incorrect-codes-link:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: 3px;
}

.result.miss .incorrect-codes-note {
  color: var(--paper-faint);
  font-family: var(--sans);
  font-size: 10px;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 9px auto 0;
  text-transform: uppercase;
}

.result.miss .incorrect-codes-note + .tc-link {
  margin-top: clamp(30px, 5vh, 42px);
}

@media (max-width: 480px) {
  .result.miss .incorrect-codes-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}