.modal-detail-overlay {
    /* 기존 스타일 유지 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-detail-modal {
    display: flex;
    flex-direction: column;
    max-height: 85vh;      /* 화면 높이의 85%를 넘지 않도록 */
    max-width: 560px;
    width: min(560px, 90%);
    overflow: hidden;       /* 바깥 모서리는 각지지 않게 */
    border-radius: 12px;
}

.modal-detail-header {
    flex-shrink: 0;         /* 헤더는 고정 */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
}

.modal-detail-body {
    flex: 1 1 auto;
    overflow-y: auto;       /* 핵심: 내용만 스크롤 */
    padding: 16px 20px;
    line-height: 1.6;
    font-size: 14px;
    word-break: break-word;

    /* 스크롤바 살짝 다듬기 (선택사항) */
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.modal-detail-body::-webkit-scrollbar {
    width: 6px;
}
.modal-detail-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}