html {
    scroll-behavior: smooth;
    scroll-padding-top: 75px;
}
@media (min-width: 768px) {
    html {
        scroll-padding-top: 64px;
    }
}
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.tab-btn {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tab-btn.active {
    box-shadow: 0 -4px 10px -3px rgba(59, 130, 246, 0.2);
}
/* 프로젝트 모달 우측 영역 내부의 코드 블록(가로 스크롤) 커스텀 */
#project-modal-right pre code::-webkit-scrollbar {
    height: 6px; /* Tailwind의 h-1.5와 동일한 굵기 */
}
#project-modal-right pre code::-webkit-scrollbar-track {
    background-color: transparent;
}
#project-modal-right pre code::-webkit-scrollbar-thumb {
    background-color: #374151; /* Tailwind의 gray-700 */
    border-radius: 9999px; /* 완전히 둥글게 */
}
#project-modal-right pre code:hover::-webkit-scrollbar-thumb {
    background-color: #6b7280; /* 마우스 오버 시 gray-500 */
}