/*
 * toc.css — 상세 목차
 *
 * ★ 상자(테두리·토글 바·펼침 전환·sticky·색 규칙)는 sidebox.css 가 단일 출처다. 여기서 다시 적지 않는다.
 *   여기는 목차에만 필요한 것 — 항목이 많을 때의 내부 스크롤 — 만 둔다.
 *
 * sticky ↔ 인라인 전환은 sidebox.css 의 1360 기준선(CSS)만으로 한다. JS 는 이 값을 쓰지 않는다.
 */

/*
 * ≥1360 sticky 박스 — 항목이 화면을 넘치면 목록만 안에서 스크롤한다(고정 height 금지).
 * 뷰포트 높이 − 관리자 바 − 헤더 − sticky 여유분(위·아래) − 토글 바 − 테두리 3줄(박스 위·구분선·박스 아래).
 */
@media (min-width: 1360px) {
	.c4-single__side .c4-sidebox__body {
		max-height: calc(
			100vh
			- var(--c4-admin-bar-h, 0px)
			- var(--c4-header-h)
			- var(--c4-sidebox-sticky-gap) * 2
			- var(--c4-sidebox-head-h)
			- var(--c4-border-w) * 3
		);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: var(--c4-color-scrollbar) transparent;
	}
}