/* 스마트 슬림 반응형 광고 영역 스타일 */
.ad-adaptive-slim-box {
    width: 100%;
    margin: 18px auto;
    text-align: center;
    overflow: hidden;
    min-height: 50px;
    max-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

@media (min-width: 768px) {
    .ad-adaptive-slim-box {
        min-height: 90px;
        max-height: 100px;
        margin: 22px auto;
    }
}

/* 실시간 오답률 뱃지 스타일 */
.badge-solve-wrong-rate {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 8px;
    background: #fff1f0;
    color: var(--negative-color);
    border: 1px solid #ffd8d6;
    margin-left: 8px;
    vertical-align: middle;
}

/* OMR 제출 버튼 스타일 */
.btn-omr-submit {
    width: 100%;
    margin-top: 15px;
    background: var(--primary-color);
    color: var(--color-white);
    border: none;
    padding: 13px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(0, 113, 227, 0.25);
}
.btn-omr-submit:hover {
    background: #005bb5;
    transform: translateY(-1px);
}

/* 문제집처럼 읽는 풀이 영역. 기존 패딩·광고 간격은 유지. */
#questionCard.apple-card, #questionCard.apple-card:hover { border-color:#d8e2ef; border-radius:12px; background:linear-gradient(125deg,#f7faff,#fff 65%); box-shadow:0 4px 18px rgba(24,45,75,.025); transform:none; }
#questionCard .choice-item { border-radius:8px; border-color:#dfe6ef; background:#fff; box-shadow:none; transition:background-color .15s; }
#questionCard .choice-item:hover { background:#f5f5f7; }
#questionCard .choice-item.selected { border-color:#b7cde3 !important; background-color:#edf4fc !important; box-shadow:inset 3px 0 0 var(--primary-color); }
#questionCard .choice-item:focus-within { outline:2px solid var(--primary-color); outline-offset:2px; }
#questionCard .choice-circle { border-width:1px; }
#questionCard .choices-grid.true-false .choice-item { border-color:#d8d8de; }

.btn-omr-submit { background:var(--action-color); box-shadow:0 4px 12px rgba(40,54,71,.16); }
.btn-omr-submit:hover { background:var(--action-hover); }
#exitModal button[onclick="submitExam()"], #exitModal button[onclick="submitAIExam()"] { background:var(--action-color) !important; }
#exitModal button[onclick="submitExam()"]:hover, #exitModal button[onclick="submitAIExam()"]:hover { background:var(--action-hover) !important; }