/*
 * 기믹 G7 질문 짝 맞추기 (js/gimmicks/questionPair.js). 공용 부품은 css/g-g789-origwords.css.
 * 글자 크기: 뿌리에서 calc(17px * var(--fs, 1) * var(--st-big, 1)), 안쪽은 em.
 */
.qp { font-size: calc(17px * var(--fs, 1) * var(--st-big, 1)); display: flex; flex-direction: column; gap: .9em; min-width: 0; }
.qp-howto { margin: 0; }
.qp-h { margin: 0 0 .35em; font-size: 1em; font-weight: 700; }
.qp-answers { display: flex; flex-direction: column; gap: .5em; }
.qp-answer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: .5em; padding: .5em .7em; border: 1px solid var(--st-line, rgba(43, 36, 32, .22)); border-radius: 10px; background: #fffaf0; }
.qp-answer > .nm-orig { flex: 1 1 100%; }
.qp-answer-no { font-weight: 700; font-size: 1.15em; }
.qp-who { font-weight: 700; }
.qp-lead { display: block; font-size: .92em; opacity: .9; }
.qp-q { display: flex; flex-direction: column; gap: .55em; padding: .7em .8em; border: 2px solid var(--st-line, rgba(43, 36, 32, .22)); border-radius: 12px; }
.qp-q.is-wrong { border-style: dashed; border-color: var(--seal, #b8322a); }
.qp-q.is-hint { box-shadow: 0 0 0 3px rgba(208, 138, 18, .35); }
.qp-step { display: flex; flex-direction: column; gap: .3em; }
.qp-step-label { margin: 0; font-weight: 600; font-size: .92em; }
.qp-cue-tags { display: flex; flex-wrap: wrap; gap: .5em; margin: 0; }
.qp-cue-tag { padding: .05em .55em; border-radius: 6px; border: 1.5px solid #b07a10; background: #fff0c2; font-weight: 700; font-size: .85em; }
.qp-cue-tag-end { border-color: var(--ink, #2b2420); background: #fffaf0; }
.qp-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .6em; }
.qp-note { flex: 1 1 12em; margin: 0; font-size: .9em; }
.qp-note:empty { display: none; }