/* TitleModal Content 스크롤 설정 */
.title-modal__content {
    max-height: calc(100vh - 200px); /* 헤더와 여백을 제외한 높이 */
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* 모바일에서 부드러운 스크롤 */
}

/* 모바일 환경 (601px 이하) */
@media (max-width: 601px) {
    .title-modal__content {
        max-height: calc(100vh - 150px); /* 모바일에서는 헤더 높이를 더 작게 */
    }
}

/* PC 환경 (602px 이상) */
@media (min-width: 602px) {
    .title-modal__content {
        max-height: calc(100vh - 180px);
    }
}

/* 스크롤바 스타일링 (선택사항) */
.title-modal__content::-webkit-scrollbar {
    width: 8px;
}

.title-modal__content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.title-modal__content::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 이미지가 컨텐츠 영역을 넘지 않도록 */
.title-modal__content img {
    max-width: 100%;
    height: auto;
    display: block;
}