/* r23 extends the accepted r22 direction. Keep the baseline stylesheet intact. */
.feedback-banner.incorrect {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: center;
  gap: .9rem;
  min-height: 122px;
  padding: 1rem;
  color: #273d5a;
  background: radial-gradient(ellipse at 8% 28%, #ffefc1, transparent 68%), linear-gradient(130deg, #fff3d6, #f6dfaf);
  border: 1px solid #e9c780;
  border-radius: 18px;
  box-shadow: inset 0 2px 0 #fff9e9, 0 4px 0 #9f743a22;
}
.feedback-discovery-art {
  display: grid;
  place-items: center;
  width: 78px;
  height: 90px;
}
.feedback-discovery-art .token-crop {
  width: 70px;
  height: 88px;
  flex-shrink: 0;
  border: 1px solid #e1bd78;
  border-radius: 40%;
  background: #fff0ce;
  box-shadow: 2px 5px 0 #c08b3a24, 0 7px 12px #7c562223;
  transform: rotate(-9deg);
}
.feedback-discovery-copy { min-width: 0; display: grid; gap: .2rem; }
.feedback-result-label { color: #755029; font-size: .9rem; line-height: 1.4; font-weight: 600; }
.feedback-discovery-copy strong { font-size: 1.4rem; line-height: 1.15; letter-spacing: -.025em; color: #273d5a; }
.feedback-turn-note { color: #5f4d33; font-size: .88rem; line-height: 1.4; margin-top: .35rem; }
body[data-high-contrast=true] .feedback-banner.incorrect { border: 2px solid #633f18; color: #142944; }
body[data-high-contrast=true] .feedback-result-label,
body[data-high-contrast=true] .feedback-turn-note { color: #4b3318; }
@media(max-width:360px) {
  .feedback-banner.incorrect { grid-template-columns: 58px minmax(0,1fr); gap: .65rem; padding: .8rem; }
  .feedback-discovery-art { width: 58px; height: 77px; }
  .feedback-discovery-art .token-crop { width: 54px; height: 72px; }
  .feedback-discovery-copy strong { font-size: 1.25rem; }
}