/* wb-quiz.css — OX 퀴즈 카드 (test-workbook 원본) */

/* ── 3×2 (기본) ── */
.quiz-area {
    flex:1;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap:14px;
    padding:14px 0;
}

.quiz-card {
    border:2.5px solid #e0e0e0;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-evenly;
    padding:12px 8px;
}

.card-img {
    width:130px;
    height:130px;
    object-fit:contain;
}

.card-label {
    font-size:30px;
    font-weight:900;
    letter-spacing:2px;
    color:#333;
    text-align:center;
}

.card-ox { display:flex; gap:16px; }
.ox-btn {
    width:64px;
    height:64px;
    border-radius:50%;
    border:3.5px solid;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:900;
}
.o-btn { border-color:#E74C3C; color:#E74C3C; }
.x-btn { border-color:#aaa; color:#aaa; }

/* ── 2×2 변형 (.quiz-2x2 wrapper) ── */
.quiz-2x2 .quiz-area {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap:16px;
    padding:16px 0;
}
.quiz-2x2 .quiz-card {
    border-radius:20px;
    padding:16px 8px;
}
.quiz-2x2 .card-img {
    width:180px;
    height:180px;
}
.quiz-2x2 .card-label {
    font-size:38px;
    letter-spacing:3px;
}
.quiz-2x2 .card-ox { gap:20px; }
.quiz-2x2 .ox-btn {
    width:76px;
    height:76px;
    font-size:34px;
}