/* cherish-nest.css — 「보금자리」·「랭킹」 하위탭 (patch-nest-tab.py).
   파일 전체가 이 패치 것이라 통째로 다시 쓴다(멱등). 스킨에 얹지 않는 이유는 patch-nest-tab.py 9) 참고. */
/* cherish-nest-css:begin (patch-nest-tab.py) */
/* 2026-09-22: 자주(#8a5a76) 한 색을 스킨 토큰으로 바꿨다 — 이 사이트 어디에도 없는 색이라
   하위탭만 혼자 칙칙했다(사용자 지적). 토큰을 쓰면 라이트·하늘·다크가 공짜로 따라오고
   바로 위 앱바 알약과 같은 색이 된다. 새 색을 여기서 만들지 말 것. */
.cw-nest-subtab, .cw-rank-subtab { display: flex; gap: 6px; margin: 0 0 14px; }
.cw-nest-subtab .button, .cw-rank-subtab .button {
	flex: 1; padding: 9px 12px; font-size: 13px; font-weight: 600; border-radius: 999px;
	border: 1px solid var(--cw-line); background: var(--cw-surface); color: var(--cw-ink-soft);
	transition: .16s ease;
}
.cw-nest-subtab .button:hover, .cw-rank-subtab .button:hover {
	border-color: var(--cw-line-strong); background: var(--cw-tint);
}
.cw-nest-subtab .button.cur, .cw-rank-subtab .button.cur {
	background: var(--cw-cta-grad); color: var(--cw-on-accent); border-color: transparent;
	box-shadow: var(--cw-cta-shadow), var(--cw-cta-inset);
}
@media (prefers-reduced-motion: reduce) {
	.cw-nest-subtab .button, .cw-rank-subtab .button { transition: none; }
}

/* 보금자리 탭 NEW 점 (2026-09-22, patch-nest-tab.py 7-b).
   숫자가 아니라 점이다 — 세려면 주기적으로 물어야 하고 그 순간 통로가 하나 더 생긴다(§4-6).
   테두리를 탭 배경색으로 둘러 어느 테마에서도 점이 묻히지 않게 한다. */
.cw-new-dot { position: relative; }
.cw-new-dot::after {
	content: ''; position: absolute; top: 3px; right: 3px; width: 7px; height: 7px;
	border-radius: 50%; background: var(--cw-accent); box-shadow: 0 0 0 2px var(--cw-surface);
	pointer-events: none;
}
.cw-bnav .cw-new-dot::after { top: 2px; right: 10px; }
/* cherish-nest-css:end */