/* ============================================================
   quiz-light.css — O/X 퀴즈 라이트 스킨 보정 (238lab 통합 Phase 3)

   style.css 의 퀴즈 규칙은 가이드 단일글 기준 **다크 패널**이다(#141414 위 흰 글자).
   `.kn-fin--light` 블록(style.css:1514~)은 .kn-btn 계열만 밝게 되돌리고
   .knq-question / .knq-verdict / .knq-explain / .knq-lab / .knq-sym 은 손대지 않아,
   용어사전과 허브처럼 흰 배경에 얹으면 **흰 글자가 흰 배경 위에 놓인다**.
   그 공백을 여기서만 메운다. style.css 에 넣지 않는 이유: header.php:158 이
   style.css 를 캐시버스팅 없이 하드코딩 로드해 재방문자에게 도달하지 않는다.
   ============================================================ */

.kn-fin--light .knq-question { color: #111827; }
.kn-fin--light .knq-lab { color: #9ca3af; }
.kn-fin--light .kn-btn.is-picked .knq-lab { color: #6b7280; }
.kn-fin--light .knq-result { border-top-color: #eef0f2; }
.kn-fin--light .knq-verdict { color: #111827; }
.kn-fin--light .knq-verdict svg { color: #9ca3af; }
.kn-fin--light .knq-explain { color: #4b5563; }
.kn-fin--light .knq-eyebrow { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: var(--primary-color, #ff4343); }

/* 단일 용어글: 퀴즈와 피드백이 한 면으로 붙는 규칙을 라이트에서도 살린다.
   style.css:1113 은 테두리를 rgba(255,255,255,.12) 로 그어 흰 배경에서 사라진다. */
.kn-fin--light.kn-fin--quiz + .kn-fin--feedback.kn-fin--light { border-top-color: #eef0f2; }

/* 허브 사이드 위젯 — 폭 300px 안에 들어가야 한다. 질문 22px·버튼 124x108px 은 넘친다. */
.kn-fin--mini { margin-top: 0; padding: 0; background: none; border: 0; border-radius: 0; text-align: left; }
.kn-fin--mini .knq-question { max-width: none; margin: 0 0 16px; font-size: 15.5px; font-weight: 600; line-height: 1.6; }
.kn-fin--mini .knq-choices { justify-content: flex-start; gap: 8px; }
.kn-fin--mini .knq-choices .kn-btn { flex-direction: row; gap: 7px; width: auto; flex: 1; height: 46px; border-radius: 10px; }
.kn-fin--mini .knq-sym { font-size: 17px; }
.kn-fin--mini .knq-lab { font-size: 12.5px; }
.kn-fin--mini .knq-result { margin-top: 16px; padding-top: 14px; }
.kn-fin--mini .knq-verdict { justify-content: flex-start; font-size: 14px; }
.kn-fin--mini .knq-verdict svg { width: 16px; height: 16px; }
.kn-fin--mini .knq-explain { max-width: none; font-size: 13.5px; line-height: 1.65; }
.kn-fin--mini .knq-actions { justify-content: flex-start; }
.kn-fin--mini .knq-actions .kn-btn { width: 100%; min-height: 40px; font-size: 13px; }