#blog-article{margin-left:calc((100vw - min(100vw - 100px,70vw))/2);width:min(100vw - 100px,70vw);counter-reset:h2;font-size:20px}#blog-article h1{text-align:center;font-size:64px;text-shadow:0px 0px 8px hsla(0,0%,100%,.6666666667)}#blog-article h2{color:var(--fg);font-size:46px;text-shadow:0px 0px 7px hsla(0,0%,100%,.6);counter-reset:h3}#blog-article h2::before{counter-increment:h2;content:counter(h2) ". "}#blog-article h3{color:var(--fg);font-size:36px;text-shadow:0px 0px 4px hsla(0,0%,100%,.5333333333);counter-reset:h4}#blog-article h3::before{counter-increment:h3;content:counter(h2) "." counter(h3) ". "}#blog-article h4{color:var(--fg-dimmed);font-size:26px;text-shadow:0px 0px 2px hsla(0,0%,100%,.5333333333)}#blog-article h4::before{counter-increment:h4;content:counter(h2) "." counter(h3) "." counter(h4) ". "}#blog-article p::before{content:"  ";white-space:pre}#blog-article pre{background:var(--bg-hover);padding:8px}#blog-article #article-infos{display:flex;justify-content:center;gap:16px;flex-direction:row;list-style:none;margin:0px;padding:0px;margin-top:-28px}#blog-article #article-infos li{border:2px solid #aaa;color:var(--fg-dimmed);padding:4px 12px;display:flex;gap:8px;cursor:unset}#blog-article #article-infos li img{height:22px;aspect-ratio:1/1;image-rendering:pixelated}#blog-article code{background:var(--bg-hover);padding:4px}#blog-article .footnote-definition p{margin:0;margin-top:-10px}#blog-article .footnote-definition::before{content:""}#blog-article blockquote{display:flex;margin-left:8px;gap:20px}#blog-article blockquote::before{background:#666;height:auto;content:"";min-width:4px;display:block}#blog-article blockquote p::before{content:""}#blog-article blockquote p{color:#aaa;margin-block:8px}#blog-article blockquote.markdown-alert-note::after{content:"i";font-size:30px;order:-1;color:#7cc}#blog-article blockquote.markdown-alert-note::before{background:#7cc;order:-2}#blog-article blockquote.markdown-alert-note p{color:#acd}#blog-article p.inline::before{content:""}#blog-article div.inline p::before{content:""}#blog-article dl{padding-left:24px;position:relative}#blog-article dl dt{font-size:24px;font-weight:bold;color:#67b}#blog-article dl dt i,#blog-article dl dt em{color:#cba !important;font-size:20px}#blog-article dl dd{color:#aac}#blog-article dl::before{position:absolute;left:0;background:#aac;height:100%;content:"";min-width:4px;display:block}#blog-article figure{margin:0px}#blog-article figure img{border:8px #999 solid;transition:.3s;max-width:100%}#blog-article figure img:hover{border-color:#bbb}#blog-article figure figcaption{font-size:16px;color:#888;text-align:center}#blog-article .personal{color:#9ba}#blog-article .personal::after{content:"[personal opinion]";color:#999;font-size:12px;transform:translateY(-8px);display:inline-block}main nav#article-nav{position:absolute !important;right:12px;left:unset;align-items:end}main nav#article-nav aside img{scale:.5}main nav#article-nav aside img.revert{transform:rotateY(180deg)}#toc{margin-top:4px;padding-block:8px;padding-right:12px;padding-left:46px;cursor:unset;width:300px}ul.download{position:absolute;left:0;top:0;padding:0;margin:0;list-style:none;transform:translateX(calc(-100% - 8px))}ul.download li{padding-inline:12px;padding-block:8px}ul.download li:hover{transform:none}.math{font-family:"KaTeX";background-color:#333;padding-inline:8px;padding-block:2px;margin-block:2px}.max-height-500{max-height:500px;margin-left:50%;transform:translateX(-50%)}@media(max-width: 450px){#blog-article{margin-left:calc((100vw - (100vw - 32px))/2);width:calc(100vw - 32px)}h1{margin-top:96px;font-size:42px !important}h2{font-size:32px !important}h3{font-size:28px}h4{font-size:24px}#main-nav{flex-direction:row !important;gap:0px !important}#main-nav>a{max-height:22px !important}#main-nav>button{padding:8px !important;min-height:62px !important;max-height:62px !important}#main-nav>a{min-width:62px !important}#main-nav div{order:-1}#article-nav{display:none !important}}main#page>main{width:100vw;overflow:hidden}