/**
 * 리뉴얼 공통 스크롤바
 * - 롱텀 style.css / right_section.css 와 같은 굵기·바탕(5.2px · #ddd). hover 만 회색 #8E8E8E (2026-10-22 '노란색 안 써' — 종전 롱텀 노랑 #fbc02e)
 * - .rn-body 하위에만 적용 (레이아웃 밖 영향 없음)
 * - 숨김: .rn-scrollbar-none (홈 탭 등)
 */

.rn-body {
	scrollbar-width: thin;
	scrollbar-color: var(--rn-scrollbar-thumb) var(--rn-scrollbar-track);
}

.rn-body * {
	scrollbar-width: thin;
	scrollbar-color: var(--rn-scrollbar-thumb) var(--rn-scrollbar-track);
}

.rn-body::-webkit-scrollbar,
.rn-body *::-webkit-scrollbar {
	width: var(--rn-scrollbar-size);
	height: var(--rn-scrollbar-size);
}

.rn-body::-webkit-scrollbar-button,
.rn-body *::-webkit-scrollbar-button {
	display: none;
}

.rn-body::-webkit-scrollbar-track,
.rn-body *::-webkit-scrollbar-track {
	background: var(--rn-scrollbar-track);
}

.rn-body::-webkit-scrollbar-thumb,
.rn-body *::-webkit-scrollbar-thumb {
	background: var(--rn-scrollbar-thumb);
	border-radius: 10px;
}

.rn-body::-webkit-scrollbar-thumb:hover,
.rn-body *::-webkit-scrollbar-thumb:hover {
	background: var(--rn-scrollbar-thumb-hover);
}

/* 스크롤바 숨김 (가로 탭 등) */
.rn-scrollbar-none,
.rn-home-tabs {
	scrollbar-width: none;
}

.rn-scrollbar-none::-webkit-scrollbar,
.rn-home-tabs::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}