/* 여는 질문 라이브 응답 (chapter1 s4) — 참가자 입력란 / 강사 답변 칩 */
.open-poll { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.op-in { flex: 1 1 240px; font: inherit; font-size: 16px; padding: 12px 14px; border: 1.5px solid #c9b8b8;
  border-radius: 10px; background: #fff; }
.op-in:focus { outline: none; border-color: #800000; }
.op-send { font: inherit; font-size: 15px; font-weight: 800; color: #fff; background: #800000; border: none;
  border-radius: 10px; padding: 12px 18px; cursor: pointer; }
.op-send:disabled { background: #c9b8b8; }
.op-head { width: 100%; font-weight: 800; color: #800000; display: flex; align-items: center; }
.op-hint { width: 100%; margin: 4px 0 0; font-size: 12.5px; color: #7a746f; }

/* 표 전체 가운데맞춤 — 숫자 위주 표에서 씀 (.num 의 우측맞춤보다 우선) */
.tbl.center th, .tbl.center td, .tbl.center td.num { text-align: center; }

/* 주관식 퀴즈의 정답 펼침 */
.q-reveal { margin-top: 14px; }
.q-reveal summary { cursor: pointer; font-weight: 800; color: #800000; }
.q-reveal[open] summary { margin-bottom: 8px; }
/* 여는·닫는 질문의 응답 QR (강사 화면) */
.op-qr { width: 132px; height: 132px; flex: none; display: block; border: 1px solid #e3dbd4; border-radius: 8px; background: #fff; cursor: zoom-in; }
/* 인증제 소개 슬라이드의 로고 — 제목 오른쪽에 띄운다 */
.cert-logos { float: right; display: flex; align-items: center; gap: 16px; margin: 0 0 6px 18px; background: #fff; border-radius: 8px; padding: 4px 6px; }
.cert-logos img { height: 62px; width: auto; display: block; }
@media (max-width: 620px) { .cert-logos img { height: 44px; } .cert-logos { gap: 10px; } }
/* 표 헤더에 글자 대신 넣는 인증 로고 */
.tbl thead th.th-logo { vertical-align: bottom; padding-top: 2px; padding-bottom: 6px; }
.tbl thead th.th-logo img { height: 56px; width: auto; display: block; }