/* 통역 고르기 창 (js/ui/stage-translate.js). 카드·빈칸 모양은 css/stage.css 의 .nm-st-card · .nm-rulecard-blank 를 함께 쓴다. */
.nm-st-interpwin .nm-st-body { gap: .8em; }
.nm-st-interp-lead { margin: 0; font-weight: 600; }

/* 내가 옮길 말(고른 말이 빈칸에 들어간 통역 문장) */
.nm-st-interp-preview {
  padding: .6em .85em; border-radius: 10px; background: #fffaf0;
  border: 1px solid var(--st-line); border-left: 6px solid var(--seal, #b8322a);
}
.nm-st-interp-preview-label { margin: 0 0 .15em; font-size: .82em; font-weight: 700; color: var(--seal, #b8322a); }
.nm-st-interp-sentence { margin: 0; font-size: 1.08em; line-height: 1.9; }
.nm-st-interp-blank { min-width: 4em; }

/* 고르기 하나 */
.nm-st-interp-step { display: flex; flex-direction: column; gap: .5em; padding: .65em .8em; border-radius: 12px; background: var(--st-shade); }
.nm-st-interp-step.is-again { background: #fdf0ee; box-shadow: inset 0 0 0 2px var(--seal, #b8322a); }
.nm-st-interp-q { margin: 0; font-weight: 700; line-height: 1.6; }
.nm-st-interp-no {
  display: inline-block; margin-right: .45em; padding: 0 .5em; border-radius: 999px;
  font-size: .8em; font-weight: 800; color: #fff; background: var(--ink, #2b2420); vertical-align: .1em;
}
.nm-st-interp-again { margin: 0; font-size: .92em; font-weight: 700; color: var(--seal, #b8322a); }
.nm-st-interp-again::before { content: '\25B3\00a0'; }

/* 엉뚱했던 통역(고를 수 없음 — 색만이 아니라 글자 표시와 빗금으로도 나눈다) */
.nm-st-card.is-tried { border-style: dashed; border-color: var(--seal, #b8322a); background: #fbf3f1; text-decoration: line-through; text-decoration-color: rgba(184, 50, 42, .6); }
.nm-st-card.is-tried .nm-st-interp-tried { color: var(--seal, #b8322a); text-decoration: none; }
.nm-st-interpwin .nm-st-foot .nm-st-interp-need { flex: 1 1 100%; text-align: right; }

@media (max-width: 520px) {
  .nm-st-interp-step { padding: .55em .6em; }
  .nm-st-interpwin .nm-st-foot .nm-st-interp-need { text-align: left; }
}