a.menu-dropdown-button { display: flex;width: 40px;height: 40px;text-align: center;padding: 5px;border: 1px solid var(--color-main);cursor: pointer;align-items: center;justify-content: center; }
a.menu-dropdown-button svg { fill: var(--color-main); }
.meta-toc-fixed { display: none;position: fixed;left: 5px;top: 25%;z-index: 111; }
.meta-toc-fixed.fixed { display: block; }
.meta-toc-fixed .wrap-toc { display: none; max-height: 410px; }
.meta-toc-fixed.fixed .toc-head .bi-caret-down-fill { display: none; }
.meta-toc-fixed.fixed .toc-list { max-height: 350px; margin-top: 10px; padding-left: 15px; }
.meta-toc-fixed.fixed .toc-list > li > a::before { left: -15px; }
.wrap-toc { display: block; padding: 10px; background-color: rgba(213,229,245,0.95); width: 100%; margin-top: 2px; border: 2px solid var(--color-main); font-size: 13px; margin-bottom: 10px; }
.wrap-toc .toc-head svg { fill: var(--color-main); margin-right: 10px; }
.wrap-toc .toc-head { position: relative; display: flex; align-items: center; font-size: 20px; font-weight: 600; color: var(--color-main); line-height: 1; cursor: pointer; }
.meta-toc.fixed .wrap-toc { width: 350px; display: none; }
.toc-list { margin-top: 20px; max-height: 500px; overflow-y: auto; }
.toc-list li { list-style: none; }
.toc-list li a { display: block; padding: 4px 0px; cursor: pointer; color: var(--color-main) !important; }
.toc-list li a:hover, .toc-list li a.active { color: red !important; }
.toc-list > li > a { position: relative; font-size: 16px; font-weight: 500; }
.toc-list > li > a::before { content: '\25be'; display: block; position: absolute; width: 20px; height: 20px; left: -20px; top: 3px; }
.toc-list > li > a:only-child::before { content: ''; }
.toc-list ul { padding-left: 20px; }
.toc-list > li > ul li a { font-size: 15px; }