@charset "UTF-8";:root{--nav-panel-width:15rem}@media screen and (max-width:600px){:root{--nav-panel-width:70vw}}*{box-sizing:border-box}body{background-color:#fff;overflow:hidden;height:100vh;display:flex;margin:0}body>aside{border-right:1px solid #e4e4e4;background-color:#fff;z-index:1;width:var(--nav-panel-width);flex:1}body>aside .nav-container,body>aside nav{height:100%}body>main{flex:5;padding:.75rem;scrollbar-gutter:stable}body>aside,body>main{height:100%;overflow-y:auto;overscroll-behavior-y:contain}.accordion-menu{font-family:MiSans VF,serif;font-variation-settings:"wght" 400}.accordion-menu ul{list-style:none;margin:0;padding:0}.accordion-menu a{text-decoration:none;color:#555}.menu-toggle{display:none}.accordion-menu>ul>li{border-bottom:1px solid #f0f0f0}.accordion-menu>ul>li:last-child{border-bottom:none}.accordion-menu>ul>li>label{display:block;padding:.2rem .5rem;font-size:.95rem;font-variation-settings:"wght" 500;color:#444;cursor:pointer;position:relative;transition:background-color .2s ease-out}.accordion-menu>ul>li>label:hover{background-color:#f9f9f9}.accordion-menu>ul>li>ul{max-height:0;overflow:hidden;background-color:#fafafa;transition:max-height .25s linear}.menu-toggle:checked+label+ul{max-height:calc(var(--len) * 1rem * 1.4 + 1rem)}.accordion-menu>ul>li>ul>li>a{display:block;padding:.2rem 1.5rem;color:#555;transition:background-color .2s ease-out;font-size:.85rem}.accordion-menu>ul>li>ul>li>a:hover{background-color:#f0f0f0}.accordion-menu>ul>li>label::after{content:"keyboard_arrow_right";font-family:"Material Symbols Outlined",serif;font-size:24px;font-weight:400;position:absolute;right:.4rem;top:50%;transform:translateY(-50%) rotate(0);transform-origin:center center;transition:transform .35s linear;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.menu-toggle:checked+label::after{transform:translateY(-50%) rotate(90deg)}.accordion-menu>ul>li>ul>li a[active]{color:#4678dd}.accordion-menu>ul>li:has(> ul > li > a[active])>label::after{color:#4678dd}#resizable-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}#resizer{flex-grow:0;flex-shrink:0;height:.75rem;background-color:#d1d5db;transition-property:background-color;transition-duration:.2s;cursor:ns-resize;border-radius:4px;z-index:1;margin:1px;font-size:.5rem;text-align:center;line-height:.75rem;color:#000;font-variation-settings:"wght" 480;font-family:"MiSans VF",serif}#resizer:hover{background-color:#60a5fa}#resizer div{height:100%;width:2.5rem;margin-left:auto;margin-right:auto;background-color:#9ca3af;border-radius:9999px;opacity:.5}#top-panel{flex-grow:0;flex-shrink:0;min-height:0;height:fit-content;max-height:70%}#top-panel,nav,nav>ul{overflow-y:auto}#top-panel::-webkit-scrollbar,nav::-webkit-scrollbar,nav>ul::-webkit-scrollbar{display:none!important}#bottom-panel{flex-grow:1;flex-shrink:1;background-color:#fff;z-index:1;padding:.2rem .5rem;border-radius:10px;border:1px solid #e3dfdf;margin:1px 2px 3px}.items--container>.tit{line-height:1.1rem;margin-bottom:.2rem;font-variation-settings:"wght" 500}.chapter{font-family:"MiSans VF",serif;font-variation-settings:"wght" 330;overflow-y:auto}.chapter>.tit{font-variation-settings:"wght" 700}.chapter .icon{font-family:"Material Symbols Outlined",serif;font-variation-settings:"wght" 600;align-self:end}.chapter ul{margin:.1rem 0;padding:0;gap:.2rem;display:flex;flex-direction:column}.chapter li{margin-left:calc(var(--depth) * 1rem * .75);padding:0 2px;list-style:none;font-size:.95rem;display:flex;align-items:center;gap:.1rem;cursor:pointer;background-color:rgba(210,214,213,.8588235294);border-radius:5px;color:#2f2f2f}.chapter li span:not(.icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wght" 370;font-size:.9rem}.chapter li:hover{background-color:#9eb8d7}body>aside{position:fixed;left:0;transform:translateX(-100%);transition:transform .4s}body>main{margin-left:0;transition:margin-left .4s;display:flex;justify-content:center}@media screen and (max-width:600px){body>main{display:block}}body>main article>:last-child{padding-bottom:3rem}body>main article{width:min(65vw,650px)}@media screen and (max-width:600px){body>main article{width:100%}}body>main article{transition:width .4s}.chapter-ctrl-btn{font-family:"Material Symbols Outlined",serif;font-variation-settings:"wght" 600;font-size:1.2rem;display:block;position:fixed;bottom:3rem;right:3rem;z-index:1;background-color:#eff6f0;width:1.7rem;line-height:1.7rem;text-align:center;border-radius:1rem;box-shadow:0 0 7px 0 rgba(99,126,141,.6196078431)}.chapter-ctrl-btn input{display:none}.chapter-ctrl-btn *{user-select:none;cursor:pointer}body:has(> .chapter-ctrl-btn > input:checked) aside{transform:translateX(0)}@media screen and (max-width:600px){body:has(> .chapter-ctrl-btn > input:checked) main{overflow:hidden;user-select:none;margin-left:0!important}}body:has(> .chapter-ctrl-btn > input:checked) main{margin-left:var(--nav-panel-width)}body:has(> .chapter-ctrl-btn > input:checked) main article{width:calc(100vw - var(--nav-panel-width) - 3rem)}@media screen and (max-width:600px){body:has(> .chapter-ctrl-btn > input:checked) main article{width:100%}}@media screen and (max-width:600px){body:has(> .chapter-ctrl-btn > input:checked) .chapter-ctrl-btn .mask::before{content:"";position:fixed;right:0;top:0;width:calc(100vw - var(--nav-panel-width));height:100vh;z-index:1}}@media screen and (max-width:600px){@keyframes maskFadeIn{from{opacity:0}to{opacity:1}}@keyframes maskFadeOut{from{opacity:1}to{opacity:0}}body main::after,body main::before{content:"";width:100vw;height:100vh;position:fixed;left:0;top:0;background-color:rgba(58,58,58,.72);pointer-events:none;opacity:0}body:has(> .chapter-ctrl-btn > input:checked) main::before{animation:maskFadeIn .3s ease forwards}body:not(:has(> .chapter-ctrl-btn > input:checked)) main::after{animation:maskFadeOut .3s ease forwards}}