@charset "UTF-8";
body {
	scroll-behavior: smooth
}

#toctoc {
	width: 100%;
	margin-bottom: 2rem;
	text-align: left
}

#toctoc #toctoc-head {
	padding: .8rem 1rem;
	display: flex;
	justify-content: space-between
}

#toctoc #toctoc-head a:hover {
	opacity: .9
}

#toctoc #toctoc-body {
	padding: .5rem 1rem;
	font-size: 1rem
}

#toctoc #toctoc-body .link {
	margin: .2rem 0
}

#toctoc #toctoc-body a {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 0;
    transition: all 0.3s ease-out;
}
#toctoc #toctoc-body a::before {
    content: '➤';
    padding-left: 10px;
}
#toctoc #toctoc-body a:hover p {
    color: #4392ee;
}
#toctoc #toctoc-body a:hover {
    background: white;
    padding-left: 10px;
}

#toctoc #toctoc-body a:hover::after {
	content: "👈"
}

/*#toctoc #toctoc-body .link-h3 {
	padding-left: 1rem
}*/
.content-area.description p {
    /*font-size: 18px;*/
    line-height: 2;
}
#toctoc #toctoc-body .link-h4 {
	padding-left: 2rem
}

#toctoc #toctoc-body .link-h5 {
	padding-left: 3rem
}

#toctoc #toctoc-body .link-h6 {
	padding-left: 4rem
}

#toctoc a {
	text-decoration: none
}