* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

#toctoc { width: 100%; margin: auto;margin-bottom: 3rem; max-width: 700px;}
#toctoc.fixed{position: fixed;left: 0px;top: 100px;max-width: 200px;z-index: 1011;}
#toctoc.fixed #toctoc-head{width: 45px;padding: .8rem 1rem;}
#toctoc.fixed #toctoc-head span{display: none;}
#toctoc a { text-decoration: none; }

#toctoc #toctoc-head {
  padding: .8rem 1rem;font-size: 1.2rem;
border: solid 2px #0379d0;border-radius: 5px 5px 0 0;position: relative;}
#toctoc #toctoc-head span i{font-size: 18px;}
#toctoc #toctoc-head span { font-weight: bold; }
#toctoc #toctoc-head p { margin: 0; }
#toctoc #toctoc-head a{margin-left: 10px; color: #db3135 !important; position: absolute;right: 10px;font-weight: bold;font-size: 19px;}
#toctoc.fixed #toctoc-head a{position: relative;}
#toctoc #toctoc-head a:hover { opacity: .9; }

#toctoc #toctoc-body { padding: .5rem 1rem; font-size: 14px; }
#toctoc.fixed #toctoc-body{max-height: 300px;overflow-y: auto;border-radius: 0px 5px 5px 5px;}
#toctoc #toctoc-body .link { margin: 10px 0; padding: 0px;font-size: 15px;}
#toctoc #toctoc-body .link.link-h2 {font-weight: 700;}
#toctoc #toctoc-body.hidden { display: none; }

#toctoc #toctoc-body a:hover { font-weight: bold; }
#toctoc #toctoc-body .link-h3 { padding-left: 2rem; }
#toctoc #toctoc-body .link-h4 { padding-left: 2rem; }
#toctoc #toctoc-body .link-h5 { padding-left: 3rem; }
#toctoc #toctoc-body .link-h6 { padding-left: 4rem; }