@import url("https://fonts.googleapis.com/css?family=Tinos&display=swap");html{height:100%}body{height:100%;font-family:"Tinos",serif;font-size:20px;margin:0}pre{white-space:pre-line;font-size:80%;background:#e4e4e4;padding:1em}a[href^='http']:after{position:relative;content:' ↗️';font-size:65%;vertical-align:text-bottom;filter:hue-rotate(144deg);z-index:-1}.page-container{display:flex;justify-content:stretch}@media (max-width: 1000px){.page-container{display:block}}.menu{position:relative;flex:1 0 250px;background-color:#000;color:#fff;font-size:85%;max-width:250px;padding:0.5em 0}.menu a,.menu a:hover,.menu a:visited{color:#fff;text-decoration:none}.menu a:hover{color:#fff;text-decoration:underline}.menu ul{list-style:none;padding:0}.menu ul>li{display:block;margin:0.5em 0}.menu__main-title{display:block;font-size:1.6rem;font-weight:bold;margin-top:0.75em}.menu__sub-title{display:block;font-size:1.25rem;font-weight:bold;margin-top:1.5em;margin-bottom:0}.menu__content{position:fixed;width:calc(250px - 2em);height:98vh;overflow-y:auto;background-color:#000;padding:0 1em 1em 1em}.menu__content::-webkit-scrollbar{width:6px;background-color:#000}.menu__content::-webkit-scrollbar-thumb{background-color:#666}@media (max-width: 1000px){.menu__content{top:20px;left:0;padding:1em;width:calc(100% - 2em) !important}}@media (max-width: 1000px){.menu{transform:translateX(-100vw);flex:1 0 100%;max-width:100%}.menu--active{transform:translateX(0)}}.mobile-menu{position:fixed;top:0;left:0;display:none;width:100%;background:#000;color:#fff;z-index:2}.mobile-menu__trigger{font-size:1.7em;color:#fff;text-decoration:none;margin:0 0.2em}.mobile-menu__main-title{font-size:2em;font-weight:bold;display:inline;margin:0}.mobile-menu__main-title a{color:#fff;text-decoration:none}@media (max-width: 1000px){.mobile-menu__main-title{font-size:1.75em}}@media (max-width: 1000px){.mobile-menu{display:block}}.article{flex:1 0 calc(100% - 250px - 2em);padding:0 1em}.article__content{max-width:768px;margin:0 auto 0 auto;line-height:1.6;word-break:break-word;padding-bottom:2em;border-bottom:1px #c7c7c7 solid}@media (max-width: 1000px){.article__content{margin-bottom:2em}}.article__content h1{font-size:2.5em;border-bottom:1px #c7c7c7 solid}.article__content img{max-width:100%;display:block;margin:0 auto}.article__content img+em{display:block;font-size:80%;text-align:center}.article__content a{color:#ff2300;text-decoration:none}.article__content a:hover{text-decoration:underline}.article__footer{max-width:768px;margin:2em auto 8em auto;font-size:80%;color:#666}.article__footer table td{min-width:80px}