:root{--color-text:#43394e;--color-text-sub:#595757;--color-accent:#75c4b4;--color-accent-soft:#b3d9d0;--color-border:#e5e5e5;--color-panel:#f7f7f7;--color-table-head:#fafafa;--color-link:#1a6ec4;--color-code-bg:#43394e14;--font-base:"Roboto Condensed", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--header-compact-height:62px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--color-text);font-family:var(--font-base);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}ul,ol,p,h1,h2,h3,figure{margin:0}.container-wide{width:84%;max-width:1240px;margin:0 auto}.container-article{width:84%;max-width:1040px;margin:0 auto;position:relative}.site-header{z-index:100;pointer-events:none;width:100%;height:147px;transition:height .2s,background-color .2s,box-shadow .2s;position:fixed;top:0;left:0}.site-header__inner{pointer-events:auto;justify-content:space-between;align-items:center;width:84%;max-width:1240px;height:27px;margin:60px auto 0;transition:margin-top .2s;display:flex}.site-header.is-compact{height:var(--header-compact-height);background:#fff;box-shadow:0 2px 10px #0000000f}.site-header.is-compact .site-header__inner{margin-top:17px}.site-logo{letter-spacing:4px;text-transform:uppercase;font-size:27px;font-weight:700;line-height:27px}.site-nav ul{gap:55px;padding:0;list-style:none;display:flex}.site-nav a{letter-spacing:1.5px;font-size:15px;font-weight:600;line-height:15px;display:block}.site-nav a:hover{color:var(--color-accent)}.page-band{padding-top:170px;position:relative;overflow:hidden}.page-band__panel{background:var(--color-panel);position:absolute;transform:skew(-10deg)}.page-band__panel--left{width:25%;height:150px;top:0;left:-20px}.page-band__panel--right{width:33%;height:125px;top:135px;right:-14px;transform:translateY(-50%)skew(-10deg)}.page-band__inner{align-items:center;height:270px;padding:20px 0;display:flex;position:relative}.page-band__title{position:relative}.page-band__sub{color:var(--color-accent);margin-bottom:15px;font-size:15px;line-height:21px;display:block}.page-band__main{letter-spacing:6px;font-size:60px;font-weight:600;line-height:84px;display:block}.breadcrumb{height:27px}.breadcrumb ul{flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumb li{font-size:12px;line-height:19.8px;position:relative}.breadcrumb li+li{margin-left:17px;padding-left:25px}.breadcrumb li+li:before{content:"";border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(45deg)}.breadcrumb a:hover{text-decoration:underline}.article{padding:105px 0 150px}.article__layout{align-items:flex-start;display:flex}.article__main{width:66.6667%;min-width:0;padding-right:30px;position:relative}.article__side{align-self:stretch;width:33.3333%;padding-left:30px}.share-rail{width:46px;position:absolute;top:0;bottom:0;left:-76px}.share-rail__inner{flex-direction:column;align-items:center;gap:10px;display:flex;position:sticky;top:110px}.share-btn{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:border-color .15s,background-color .15s;display:flex}.share-btn:hover{border-color:var(--color-border);background:var(--color-panel)}.share-btn svg{width:17px;height:17px}.share-btn--glyph{font-weight:700}.share-btn--hatena{font-size:13.95px;line-height:1}.share-btn--line{letter-spacing:.18px;font-size:9px;line-height:1}.share-btn.is-done{border-color:var(--color-accent);color:var(--color-accent)}.article__meta{flex-wrap:wrap;align-items:center;gap:10px 30px;min-height:25px;display:flex}.post-date{letter-spacing:.75px;font-size:15px;line-height:15px}.post-date__label{color:var(--color-text-sub);margin-right:6px;font-size:12px}.post-cats{flex-wrap:wrap;gap:8px;display:flex}.post-cat{background:var(--color-text-sub);color:#fff;border-radius:9999px;padding:7.2px 18px 6px;font-size:12px;line-height:12px}.entry-title{letter-spacing:1.05px;margin:21px 0;font-size:21px;font-weight:700;line-height:1.8}.entry-content{margin-top:41px}.entry-content p{margin-bottom:22.5px;line-height:30px}.entry-content h2{border-bottom:1px solid var(--color-text);margin:52.5px 0 31.5px;padding:0 0 10.5px 27px;scroll-margin-top:90px;font-size:21px;font-weight:700;line-height:1.8;position:relative}.entry-content h2:before{content:"";background:var(--color-text);width:7px;height:21px;position:absolute;top:8.4px;left:0}.entry-content h3{letter-spacing:.9px;margin-bottom:12.6px;padding-left:18px;scroll-margin-top:90px;font-size:18px;font-weight:700;line-height:1.8;position:relative}.entry-content h3:before{content:"";background:var(--color-text);width:10px;height:1px;position:absolute;top:16.2px;left:0}.entry-content ul,.entry-content ol{margin-bottom:22.5px;padding-left:15px}.entry-content ol{padding-left:22px}.entry-content li{margin-bottom:4.5px;line-height:27px}.entry-content strong{font-weight:700}.entry-content a{color:var(--color-link)}.entry-content a:hover{text-decoration:underline}.entry-content code{background:var(--color-code-bg);border-radius:3px;margin:0 2px;padding:1.35px 5.4px;font-size:13.5px}.code-block{border:1px solid var(--color-text);margin:18px 0}.code-block__bar{background:var(--color-text);color:#ffffffb8;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 20px;font-size:12px;display:flex}.code-block__actions,.code-block__views{align-items:center;display:flex}.code-block__actions{gap:8px}.code-block__bar button{color:#ffffffd9;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff47;padding:4px 10px;line-height:1.5}.code-block__bar button:hover{background:#ffffff1f}.code-block__bar button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.code-block__views button+button{border-left:0}.code-block__views button[aria-pressed=true]{color:var(--color-text);background:#fff}.code-block__copy{min-width:96px}.entry-content pre{color:#fff;margin:0;padding:20px;overflow-x:auto;background:var(--color-text)!important}.code-block__preview{background:#fff;padding:4px 20px;overflow-x:auto}.code-block__preview math[display=block]{margin:14px 0;font-size:16px}.entry-content pre code{background:0 0;margin:0;padding:0;font-size:12px;line-height:21.6px}.entry-content figure{margin:35px 0}.entry-content img{max-width:100%;height:auto;margin:0 auto;display:block}.entry-content figcaption{color:var(--color-text-sub);text-align:center;margin-top:10px;font-size:12px;line-height:1.6}.entry-content math[display=block]{margin:30px 0;font-size:18px}.entry-content menclose[notation~=box]{border:1px solid;padding:3px 6px}.table-scroll{margin:35px 0;overflow-x:auto}.entry-content table{border-collapse:collapse;width:100%}.entry-content th,.entry-content td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:12px 15px;line-height:27px}.entry-content th{background:var(--color-table-head);white-space:nowrap;font-weight:700}.toc-sticky{position:sticky;top:90px}.toc{border:1px solid var(--color-border);background:#fff;max-height:calc(100vh - 120px);padding:19.5px 18px 19.5px 21px;overflow-y:auto}.toc__title{margin-bottom:12.84px;font-size:16.05px;font-weight:700;line-height:1.8}.toc ul{padding:0;list-style:none}.toc>ul{position:relative}.toc>ul:before{content:"";background:var(--color-border);width:2px;position:absolute;top:15px;bottom:15px;left:5px}.toc a{border-radius:4px;padding:5.7px 5.7px 5.7px 24.225px;font-size:14.25px;font-weight:700;line-height:1.55;display:block;position:relative}.toc a:before{content:"";background:var(--color-accent-soft);border-radius:50%;width:10px;height:10px;position:absolute;top:16.74px;left:1px;transform:translateY(-50%)}.toc ul ul a{color:var(--color-text-sub);padding:5.22px 5.22px 5.22px 33.93px;font-size:13.05px;font-weight:400}.toc ul ul a:before{width:6px;height:6px;top:15.33px;left:3px}.toc a:hover,.toc a.is-active{background:var(--color-panel)}.toc a.is-active:before{background:var(--color-accent)}.article-list ul{border-top:1px solid var(--color-border);padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--color-border);gap:30px;margin:0;padding:18px 0;display:flex}.article-list__date{letter-spacing:.75px;flex:none}.article-list a{color:var(--color-text);font-weight:700}.site-footer{background:var(--color-text);color:#fff}.site-footer__inner{justify-content:space-between;align-items:center;width:84%;max-width:800px;margin:0 auto;padding:75px 0;display:flex}.site-footer__name{letter-spacing:4px;text-transform:uppercase;font-size:27px;font-weight:700;line-height:27px}.site-footer__links{gap:55px;padding:0;list-style:none;display:flex}.site-footer__links a{letter-spacing:1.5px;font-weight:600}.site-footer__links a:hover{color:var(--color-accent)}.site-footer__copyright{color:var(--color-text);text-align:center;background:#fff;padding:18.75px;font-size:12px;line-height:1.6}@media (width<=1023px){.container-wide,.container-article,.site-header__inner,.site-footer__inner{width:auto;margin-left:20px;margin-right:20px}.site-header{height:var(--header-compact-height);background:#fff;box-shadow:0 2px 10px #0000000f}.site-header__inner,.site-header.is-compact .site-header__inner{margin-top:17px}.site-logo{letter-spacing:3px;font-size:22px}.page-band{padding-top:var(--header-compact-height)}.page-band__panel--left{display:none}.page-band__inner{height:170px}.page-band__main{letter-spacing:3px;font-size:34px;line-height:1.4}.article{padding:50px 0 80px}.article__layout{flex-direction:column}.article__main,.article__side{width:100%;padding:0}.article__side{order:-1;margin-bottom:40px}.toc-sticky{position:static}.toc{max-height:none}.share-rail{width:auto;margin-bottom:20px;position:static}.share-rail__inner{flex-direction:row;justify-content:flex-start;position:static}.site-footer__inner{flex-direction:column;gap:30px;padding:50px 0}}