
.chapter-navigation{
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	gap:14px!important;
	flex-wrap:wrap!important
}
.chapter-navigation .ncbcm-toc-wrap{
	margin:0!important;
	padding:0!important
}
.chapter-navigation button.ncbcm-toc-btn{
	-webkit-appearance:none!important;
	appearance:none!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:10px!important;
	width:auto!important;
	min-width:138px!important;
	height:38px!important;
	min-height:38px!important;
	margin:0!important;
	padding:0 18px!important;
	background:#9b3214!important;
	background-image:none!important;
	border:0!important;
	border-radius:5px!important;
	box-shadow:none!important;
	color:#fff!important;
	font-family:inherit!important;
	font-size:14px!important;
	font-style:normal!important;
	font-weight:400!important;
	line-height:38px!important;
	letter-spacing:0!important;
	text-indent:0!important;
	text-shadow:none!important;
	text-transform:none!important;
	white-space:nowrap!important;
	cursor:pointer!important
}
.chapter-navigation button.ncbcm-toc-btn:hover,
.chapter-navigation button.ncbcm-toc-btn:focus{
	background:#84290f!important;
	background-image:none!important;
	color:#fff!important;
	box-shadow:none!important;
	outline:none!important;
	text-transform:none!important
}
.chapter-navigation .ncbcm-toc-btn > span:last-child{
	display:inline-block!important;
	font-size:14px!important;
	font-weight:400!important;
	line-height:1!important;
	letter-spacing:0!important;
	text-transform:none!important
}
.chapter-navigation .ncbcm-btn-lines,
.ncbcm-lines{
	display:inline-flex!important;
	flex-direction:column!important;
	justify-content:center!important;
	gap:4px!important;
	width:20px!important;
	flex:0 0 20px!important
}
.chapter-navigation .ncbcm-btn-lines i,
.ncbcm-lines i{
	display:block!important;
	width:20px!important;
	height:2px!important;
	margin:0!important;
	padding:0!important;
	background:#fff!important;
	border:0!important;
	border-radius:2px!important
}
.ncbcm-toc-overlay{
	position:fixed;
	inset:0;
	z-index:999999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(35,20,12,.55);
	opacity:0;
	visibility:hidden;
	transition:opacity .2s ease,visibility .2s ease
}
.ncbcm-toc-overlay.is-open{
	opacity:1;
	visibility:visible
}
.ncbcm-toc-overlay[hidden]{display:flex!important}
.ncbcm-toc-modal{
	width:min(560px,100%);
	max-height:82vh;
	overflow:hidden;
	background:#fffdf9;
	border-radius:16px;
	box-shadow:0 24px 70px rgba(40,20,10,.28);
	transform:scale(.96) translateY(8px);
	transition:transform .2s ease
}
.ncbcm-toc-overlay.is-open .ncbcm-toc-modal{
	transform:scale(1) translateY(0)
}
.ncbcm-toc-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:18px 20px;
	border-bottom:1px solid #eadfd5
}
.ncbcm-toc-title{
	display:flex;
	align-items:center;
	gap:12px;
	color:#8b2f12;
	font-size:24px;
	text-transform:uppercase
}
.ncbcm-close{
	width:38px;
	height:38px;
	padding:0;
	border:0;
	background:transparent;
	color:#5b2d1b;
	font-size:34px;
	line-height:1;
	cursor:pointer
}
.ncbcm-story-name{
	padding:18px 22px 10px;
	color:#9b3417;
	font-size:19px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase
}
.ncbcm-search{
	display:flex;
	align-items:center;
	gap:10px;
	margin:10px 22px 14px;
	padding:0 14px;
	border:1px solid #dcd1c7;
	border-radius:9px;
	background:#fff
}
.ncbcm-search input{
	width:100%;
	height:48px;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important
}
.ncbcm-list{
	max-height:52vh;
	overflow:auto;
	padding:0 14px 18px;
	scroll-behavior:smooth
}
.ncbcm-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:13px 14px;
	border-bottom:1px solid #eee4dc;
	color:#2f211a!important;
	text-decoration:none!important
}
.ncbcm-item:hover{background:#f8eee7}
.ncbcm-item.current{
	margin:5px 0;
	background:#a23414;
	border-radius:7px;
	color:#fff!important
}
.ncbcm-item.read:not(.current)::after{
	content:"✓";
	color:#a23414;
	font-weight:700
}
.ncbcm-item[hidden]{display:none!important}
body.ncbcm-toc-open{overflow:hidden}

@media(max-width:600px){
	.ncbcm-toc-overlay{padding:10px}
	.ncbcm-toc-modal{max-height:90vh;border-radius:13px}
	.ncbcm-toc-title{font-size:20px}
	.ncbcm-story-name{font-size:16px}
	.chapter-navigation{gap:8px!important}
	.ncbcm-toc-btn{
		min-width:120px!important;
		height:38px!important;
		padding:0 14px!important
	}
}
