/* =====================================================
   cognitive-activity-demo/demo.css
   체험 전용 «인지활동» 페이지에서만 쓰는 규칙.

   사이드바 메뉴를 전부 잠근다 — 이 페이지는 비회원이 보는 체험판이라
   다른 메뉴로 넘어가 봐야 로그인 화면만 나온다. 눌러도 안 되는 링크를
   그대로 두면 «막힌 사이트» 처럼 보이므로, 아예 흐리게 죽여 둔다.
     · 지금 보고 있는 «인지활동» 만 또렷하게 남긴다 (여기가 어디인지 알려주는 표시).
     · 아래 «로그인 / 무료 회원가입» 버튼은 그대로 살린다 — 체험 다음에 눌러야 할 것이다.
   ===================================================== */

.sb .sb-nav .sb-link,
.sb .sb-logo {
	pointer-events: none;
	cursor: default;
	opacity: .38;
	filter: grayscale(1);
}

/* 현재 페이지(인지활동)는 색을 살려 «여기» 라는 걸 보여준다 */
.sb .sb-nav .sb-link.active {
	opacity: 1;
	filter: none;
}

/* 로그인·회원가입 버튼은 잠그지 않는다 */
.sb .sb-footer .sb-auth-btn {
	pointer-events: auto;
	opacity: 1;
	filter: none;
}

/* 체험 페이지에는 케어 AI 플로팅 버튼을 띄우지 않는다 — 사이드바가 JS 로 inline display 를 켜므로 !important 가 필요하다 */
#cbFabWrap, .cb-fab-wrap { display: none !important; }

/* 투어가 무작위로 고른 학습지 카드 — 말풍선을 닫아도 «여기» 라는 표시가 남는다.
   레이아웃을 흔들지 않게 box-shadow 만 쓴다(transform 을 주면 투어 링과 어긋난다). */
.ca-ws-card.ca-demo-pick {
	box-shadow: 0 0 0 2px #10b981, 0 16px 32px -18px rgba(16, 185, 129, .85);
}