@charset "UTF-8";
.topical{
	background-color:var(--lch-trnsp-hi, var(--trnsp-hi));
	border-radius:0 1rem 0 1rem;
	font-size:1rem;
	margin:3em 1em;
	max-width:calc(100% - 2em);
	text-align:left;
	width:fit-content;
}

.topical_hd{
	background:var(--lch-bggrad, var(--bggrad));
	border-radius:0 1rem 0 1rem;
	color:var(--lch-txt-time, var(--txt-time));
	font-size:1em;
	font-variant-caps:small-caps;
	font-weight:600;
	margin-bottom:0;
	padding:.5em;
	text-align:right;
}
.nani .topical,.dark .topical{
	filter:drop-shadow(0 0 .25rem var(--lch-shad-lt1, var(--shad-lt1)));
}
.topical_cat{
	line-height:1.6;
	padding:1em 2em;
	overflow-y:auto;
	height:calc(100% - 2em);
	height:fit-content;
}
@media (min-height:34em){
	.topical_cat{
		max-height:calc(70vh - 4em);
		overflow-x:hidden;
	}
	.topical_cat > ul{
		position:relative;
		z-index:1;
	}
	.topical_cat > ul::after{
		content:"";
		background-image:repeating-linear-gradient(45deg,transparent 0rem,transparent 1rem,var(--lch-acc-guide, var(--acc-guide)) 1rem,var(--lch-acc-guide, var(--acc-guide)) 1.25rem);
		position:absolute;
		bottom:5em;
		right:-.125rem;
		width:.75rem;
		height:calc(100% - 50vh - 5em);
		z-index:-1;
	}
}

.topical_cat ul > li{
	list-style-type:none;
	padding:.75em;
}
.topical_cat ol{
	margin:1em 0 1em 1em;
}
.topical_cat ol ol{
	margin:1em 0;
}
.topical a,.topical_cat_here{
	background-color:transparent;
	font-weight:bold;
	padding:0 .125em;
}
.topical_cat ul .settingbutton{
	margin:0;
}
.yani .topical a{
	transition:background-color .25s ease;
}
.topical a:hover,.topical a:focus{
	background-color:var(--lch-bg,var(--bg));
	border-radius:.125em;
}
.topical_cat_here::before{
	background:var(--lch-eda-red, var(--eda-red));
	border-radius:0 50%;
	content:"";
	display:inline-block;
	height:.5em;
	margin:0 .25em 0 -.75em;
	width:.5em;
}

.topical h3{
	background:var(--lch-bg, var(--bg));
	border:1px solid;
	border-left:0;
	border-right:0;
	color:var(--lch-txt-book, var(--txt-book));
	font-size:clamp(1rem,3vw,1.4rem);
	font-weight:bold;
	margin:.2em 0;
	padding:.25em;
}
.topical-series,.topical-other{
	list-style-type:circle;
	margin:1em .5em 0 2em;
}
.topical h4{
	border:0;
	color:var(--lch-txt-book, var(--txt-book));
	font-size:1rem;
	font-weight:bold;
}
.topical-book{
	list-style-type:upper-roman;
	padding-right:0;
}
.topical h5{
	color:var(--lch-txt, var(--txt));
	font-size:1rem;
}
.topical h5 .tp_icon{
	filter:none;
	vertical-align:middle;
	width:1.5em;
}
.topical h5 .tp_icon:hover{
	opacity:.8;
}

@media(max-width:18em){
	.topical{
		font-size:.8rem;
		padding:0;
		border-radius:0;
		margin:2em 0;
		max-width:none;
		width:auto;
	}
	.topical_hd{
		border-radius:0;
	}
	.topical_cat{
		max-height:none;
		padding:1em .125em;
	}
}

@media (min-width:80em) and (min-height:26em){
	.topical-grid{
		display:grid;
		grid-template-columns:3em 1fr;
	}
	.topical-grid .heading{
		border-radius:.125em .5em 0 0;
	}
	.topical{
		border-radius:0 1rem 0 0;
		margin:0;
		padding:0;
		text-align:left;
		top:14vh;
		max-width:100%;
		z-index:999;
	}
	.topical-grid_corridor{
		height:100%;
	}

	.topical_hd{
		border-radius:0 1rem 0 0;
	}
	.topical_cat{
		padding:1em .125em;
	}

	.timeline{
		margin-left:4em;
	}

	.topical-grid{
		grid-template-columns:12em 1fr;
	}
	
}
@media (min-width:80em) and (min-height:34em){
	.topical{
		-webkit-position:sticky;
		position:sticky;
	}
}
@media (min-width:100em) and (min-height:26em){
	.topical-grid{
		grid-template-columns:18em 1fr;
	}
	.topical_cat ol{
		margin:1em;
	}
}