/* 문항 렌더링 공통 타이포그래피·유형 표시·선택형 2단 배치. */
.q-render-base {
  font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  color: #1e293b;
  font-size: 14px;
  line-height: 1.7;
}

.q-render-base .q-body,
.q-render-base .tbq-stem,
.q-render-base .tbq-option-text,
.q-render-base .quiz-q-body {
  font-size: inherit;
  line-height: inherit;
}

/* 학생 화면에서는 숨기고, 교사 저작 캔버스만 명시적으로 표시한다. */
.q-type-icon { display: none; }

.q-show-type .q-type-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1;
  flex-shrink: 0;
  align-self: center;
  cursor: help;
}

.q-show-type .q-type-icon > i { font-size: 11px; }

.qrender-2col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.qrender-2col > * {
  margin-bottom: 0 !important;
  min-width: 0;
}

@media (max-width: 720px) {
  .qrender-2col { grid-template-columns: 1fr; }
}

.qrender-layout-btn.is-active {
  background: #4f46e5;
  color: #fff;
}