/* JavaScript 비활성화 시 적용되는 스타일 */

/* JavaScript에 의존하는 내부 사이드바 토글 버튼만 숨김 */
.sidebar-toggle {
    display: none !important;
}

/* 데스크톱 사이드바를 block으로 변경하여 토글 버튼 숨김 후 정상 작동 */
.page-with-sidebar > .sidebar {
    display: block !important;
}

/* 사이드바 콘텐츠 표시 */
.sidebar-content {
    overflow-y: auto !important;
    height: auto !important;
    max-height: calc(100vh - 60px) !important;
}

/* 모든 사이드바 섹션 표시 */
.sidebar-section {
    display: block !important;
}

/* 좌측 사이드바의 글 정보 섹션 숨김 */
#sidebar-info {
    display: none !important;
}

/* 모바일에서도 CSS-only 기능은 그대로 작동 */
@media (max-width: 960px) {
    /* 데스크톱 사이드바 컨텐츠 표시 */
    .page-with-sidebar .sidebar-content {
        display: block !important;
    }
}

/* 우측 TOC의 글 정보 섹션 표시 */
.toc-info-section {
    display: block !important;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8eaed;
}

/* 홈 페이지: JavaScript 없을 때 랜딩 화면 숨기기 */
#landing-screen {
    display: none !important;
}

#main-screen {
    display: block !important;
}

/* 로고 이미지 크기 제한 */
.nav-logo-image {
    max-width: 32px !important;
    max-height: 32px !important;
}

.mobile-sidebar-logo {
    max-width: 36px !important;
    max-height: 36px !important;
}

/* 모든 이미지가 컨테이너를 넘지 않도록 */
img {
    max-width: 100%;
    height: auto;
}