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: var(--color-main);width: 100%;margin-top: 2px;border: 2px solid var(--color-main);font-size: 13px;margin-bottom: 10px;}
.wrap-toc .toc-head svg {fill: white;margin-right: 10px;}
.wrap-toc .toc-head {position: relative;display: flex;align-items: center;font-size: 20px;font-weight: 600;color: white !important;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: white !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; }
