@charset "utf-8";

.at-content { padding: 10px 0; }
.amina-header { display: none; }
#thema_wrapper .at-lnb,
#thema_wrapper .pc-header,
#thema_wrapper .m-header,
#thema_wrapper .at-menu,
#thema_wrapper .at-footer {
    display: none;
}

/* 스크롤 모델(html/body 잠금 + #thema_wrapper 내부 스크롤)은 page-shell.css §3-b 단일 출처.
   여기선 학습 화면 몰입을 위한 #thema_wrapper 스크롤바 숨김만 유지. */
#thema_wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#thema_wrapper::-webkit-scrollbar {
    display: none;
}

.at-go {
    display: none;
}

.panel-default {
    border: none;
    max-width: 728px;
    margin: auto;
}

.panel-default .panel-heading {
    background-color: unset;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.panel-heading .mode-select {
    display: inline-block;
    padding: 4px 10px !important;
    font-size: 13px;
    color: #777;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.question-container {
    padding-bottom: 30px;
    padding-top: 30px;
    transition: height 0.3s ease, opacity 0.2s ease;
    overflow: hidden;  /* 높이 애니메이션 중 내용 잘림 방지 */
}

/* 문제 전환 진입 — design-system.md §2.6. */
.question-container.rl-q-enter {
    animation: rl-q-enter var(--dur-exam-question, 50ms) var(--ease, ease) both;
}
@keyframes rl-q-enter {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .question-container.rl-q-enter { animation: none; }
}

#sheet-spinner {
    display: none;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10001;
}

#transition-overlay {
    display: none;
    position: fixed;
    /* 페이지 컨테이너(--rl-page-container, 768)와 동일 폭으로 cap — wide screen에서 dim·로더가
       본문 폭을 넘어 빈 사이드 영역까지 펼쳐지는 회귀 차단. 자식(slow-notice / .rl-scoring-loader)은
       이 폭 안에서 absolute 가운데 정렬 유지. v1.52.1. */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--rl-page-container, 768px);
    height: 100%;
    background-color: var(--surface, #F7F8FA);
    z-index: 10000;
}

#transition-overlay, #transition-overlay * {
    user-select: none;
    pointer-events: none;
}

/* 라운드 완료 진입 의식 로더 — scoring.php "답안을 채점하고 있어요" 컴포넌트 재사용(.rl-scoring-loader, modal.css 단일 출처).
   transition-overlay 안 가운데 정렬 + z-index 보장. v1.52 hide flow / grading 마지막 흐름 공통. */
#transition-overlay .rl-scoring-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10002;
}

#modalBody > img {
	width: 100%;
    margin-bottom: 15px;
    max-height: 300px;
    object-fit: scale-down;
}

/* .modal-footer .btn 레거시 border-radius 4px !important 폐기 — 디자인 시스템 .rl-confirm 통합 룰(modal.css §.rl-confirm)이 단일 출처. */

#exit_eaxm {
    cursor: pointer;
}

.problem-meta {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.problem-meta .mode-select {
    margin-left: auto;
    border: none;
    font-size: 13px;
    color: #777;
}

.problem-meta .ex-flag {
    margin-bottom: 0 !important;
}

#explanation-section {
    margin-top: 0 !important;
    margin-bottom:30px;
}

.modal-content {
    color: #333;
}