.three-column-layout{position:relative;display:flex;gap:40px;transform:translate(0)}.three-column-layout .close-chapter-selection,.three-column-layout .open-chapter-selection{display:none;fill:var(--color-navy);background:none;border:none;box-sizing:content-box;padding:6px;font-size:0;cursor:pointer}.three-column-layout .close-chapter-selection svg,.three-column-layout .open-chapter-selection svg{width:36px;height:36px}.three-column-layout .reading-material{width:800px;flex:1 2 100%}.three-column-layout .reading-material article{width:100%}.three-column-layout .reading-material .prev-next{display:flex;justify-content:space-between;width:100%;gap:20px}.three-column-layout .reading-material .prev-next a{display:flex;align-items:center;gap:20px}.three-column-layout .reading-material .prev-next a svg{fill:var(--color-navy);flex:0 0 auto}.three-column-layout .reading-material .prev-next a:last-of-type{text-align:right}@media screen and (max-width: 1200px){.three-column-layout .contents{display:none}}@media screen and (max-width: 1000px){.three-column-layout{gap:0}.three-column-layout .chapters{position:sticky;width:0;margin-top:calc(-120*var(--variable-px));overflow:visible;z-index:10;height:0;transition:height .25s ease-in-out .25s}.three-column-layout .chapters.open{height:100vh;transition:height 0s}.three-column-layout .chapters.open .wrapper-outer{left:0}.three-column-layout .chapters .wrapper-outer{position:absolute;background:#fff;top:0;bottom:0;padding-left:var(--page-edge-padding);margin-left:calc(-1*var(--page-edge-padding));padding-bottom:calc(120*var(--variable-px));margin-bottom:calc(-120*var(--variable-px));padding-top:16px;margin-top:-16px;border-right:var(--border-thickness) solid var(--color-walnut);box-sizing:border-box;transition:left .25s ease-in-out;left:-310px;width:300px}.three-column-layout .chapters .wrapper-outer::after{content:"";position:absolute;top:0;bottom:0;right:-10px;width:10px;background:linear-gradient(to right, rgba(0,0,0,.2), rgba(0,0,0,0))}.three-column-layout .chapters .wrapper-outer .wrapper-inner{position:relative;overflow-y:auto;height:100%;padding-right:var(--page-edge-padding);padding-bottom:calc(-120*var(--variable-px))}.three-column-layout .chapters .wrapper-outer .wrapper-inner ul:first-of-type{margin-top:calc(120*var(--variable-px))}.three-column-layout .chapters .wrapper-outer .wrapper-inner .close-chapter-selection{display:block;position:absolute;top:14px;right:14px}.three-column-layout .reading-material{margin-left:auto;margin-right:auto;width:100%}.three-column-layout .reading-material .article-title{display:flex;white-space:nowrap}.three-column-layout .reading-material .article-title .open-chapter-selection{display:inline-block;vertical-align:top;height:calc(var(--font-size-heading-h1)*1.25);padding-top:0;padding-bottom:0;margin-left:-6px;margin-right:14px}.three-column-layout .reading-material .article-title h1{white-space:normal}}.three-column-layout aside{position:sticky;align-self:flex-start;overflow-y:auto;top:0;width:300px;max-height:100vh;margin-top:-40px;flex:0 1 auto}.three-column-layout aside li{margin-top:.5em}.three-column-layout aside li a{color:var(--color-walnut)}.three-column-layout aside li a:hover{color:var(--color-crimson)}.three-column-layout aside li:not(.title) a{text-decoration:none}.three-column-layout aside li.title,.three-column-layout aside li.chapter{font-weight:bold}.three-column-layout aside.chapters li.active,.three-column-layout aside.chapters li.active a{color:var(--color-ale)}.three-column-layout aside.chapters ul a{display:block;padding-left:1em;text-indent:-1em}.three-column-layout aside.contents li{position:relative;padding-left:12px}.three-column-layout aside.contents li.active::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--color-ale)}.three-column-layout aside.contents li a:not(:hover) span{display:none}.three-column-layout aside ul{list-style:none;padding:0;margin:0;margin-top:40px}.three-column-layout aside ul ul{margin-top:0;margin-left:1em}.three-column-layout aside ul ul ul{margin-left:2em}.three-column-layout aside ul ul ul ul{margin-left:3em}.three-column-layout aside ul ul ul ul ul{margin-left:4em}.three-column-layout aside ul ul ul ul ul ul{margin-left:5em}