/* 결과 팝업에서 컨텐츠 표시 스타일 */
.sectionContents .cdt-content {
    display: none;
    height: 240px;
    max-height: 240px;
    overflow: auto;
    font-size: 0.8em;
    letter-spacing: 0;
}

.sectionContents .cdt-content:first-of-type {
    display: block;
}


/* 결과 페이지에서의 컨텐츠 문제 스타일 조정 */
.sectionContents .rubric-block { margin-bottom: 0; padding: 5px 10px; border-bottom: solid 1px #fff; font-weight: 600; }

.sectionContents .column { height: auto; min-height: auto; padding: 0; background: transparent; }
.sectionContents .column .title { margin-bottom: 0; padding: 0 5px; font-size: 1em; }

.sectionContents .multiple-choice { margin-top: 0 !important; padding: 5px; }

.sectionContents .objective, .sectionContents .tab-list { margin-bottom: 1em; }

.sectionContents .item { margin-left: 1rem; }

.sectionContents input[type="text"] { width: auto; max-width: 100px; height: 1em; padding: 0; }

.sectionContents .given-text { font-size: 0.9em; padding: 20px; }

.partWrap .writing-header { font-weight: 700; font-size: 0.9em; color: #1a327f; margin-bottom: 0; }
.partWrap .writing-response { font-size: 0.8em; padding: 20px; letter-spacing: 0;}
.partWrap .writing-answer { font-size: 0.8em; padding: 20px; letter-spacing: 0; color: #1a327f; }

/* Writing 탭 스타일 */

.writing-tab-nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid var(--b-color3);
}

.writing-tab-nav .nav-item {
    margin-right: 5px;
}

.writing-tab-nav .nav-link {
    display: block;
    padding: 5px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #495057;
    text-decoration: none;
    background-color: var(--b-color3);
    cursor: pointer;
    font-size: 0.8em;
}

.writing-tab-nav .nav-link.active {
    color: #fff;
    background-color: var(--n-subTitle);
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: bold;
}

.writing-tab-content {
    padding: 15px;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.writing-header {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.writing-response {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
}

.writing-answer {
    padding: 15px;
    background-color: #f0f7ff;
    border: 1px solid #d0e3ff;
    border-radius: 4px;
    margin-bottom: 15px;
}

.no-response {
    padding: 20px;
    text-align: center;
    color: #888;
    font-style: italic;
}




/* 오디오 컨트롤 스타일 */
.audio-control {
    margin: 15px 0;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.audio-control button {
    margin-right: 5px;
    padding: 3px 12px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.audio-control button:hover {
    background: #eef5ff;
}

.audio-progress {
    flex-grow: 1;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
    margin: 0 3px;
    position: relative;
    min-width: 100px;
}

.audio-progress .progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #4285f4;
    border-radius: 5px;
    width: 0%;
    transition: width 0.2s;
}