header[data-astro-cid-xrc56gie]{box-sizing:border-box;width:100%;padding-block:.8rem;padding-inline:calc(max((100% - var(--content-width)) / 2, var(--padding)));z-index:2;background:#fffffff2;justify-content:space-between;line-height:1.5;display:flex;position:sticky;top:0}a[data-astro-cid-xrc56gie]{text-decoration:none;&:hover,&:focus-visible{color:#fff;background:var(--color-accent)}}#site-name[data-astro-cid-xrc56gie]{& a{color:var(--color-text);&:hover,&:focus-visible{color:var(--color-accent);background:0 0}}}nav[data-astro-cid-xrc56gie]{text-align:right}ul[data-astro-cid-xrc56gie]{gap:1rem;margin:0;padding:0;display:flex}li[data-astro-cid-xrc56gie]{margin:0;padding:0;list-style-type:none}#hamburger[data-astro-cid-xrc56gie]{cursor:pointer;color:var(--color-accent);z-index:1;background:0 0;border:none;padding:.5em .6em;font-size:1rem;display:none;position:relative}#hamburger[data-astro-cid-xrc56gie].clicked{background:var(--color-accent);color:#fff}@media (width<=1100px){ul[data-astro-cid-xrc56gie]{font-size:1.2rem;display:none}ul[data-astro-cid-xrc56gie].hidden{display:none}ul[data-astro-cid-xrc56gie].show{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex;& a{padding:.5em 1em;display:inline-block}background:#fff;width:100vw;height:100vh;position:fixed;top:0;right:0}nav[data-astro-cid-xrc56gie]:has(ul.show){height:100vh}#hamburger[data-astro-cid-xrc56gie]{display:inline-block}}nav[data-astro-cid-lkw5wmmf]{width:200px;max-width:100%}ul[data-astro-cid-lkw5wmmf]{max-height:90vh;margin:0;padding:0;position:sticky;top:10vh;overflow-y:auto}li[data-astro-cid-lkw5wmmf]{margin-block-start:12px;font-size:14px;list-style-type:none}a[data-astro-cid-lkw5wmmf]{color:var(--color-muted);text-decoration:none}li[data-astro-cid-lkw5wmmf].current a[data-astro-cid-lkw5wmmf]{color:var(--color-accent)}footer[data-astro-cid-jo6i4kqk]{text-align:center;width:100%;max-width:calc(var(--content-width) + var(--padding) * 2);box-sizing:border-box;padding:var(--padding);margin-block:10rem 5rem;font-size:.8rem}:root{color-scheme:light;--color-text:#3c4949;--color-accent:#e02552;--color-muted:#6b7780;--content-width:1000px;--margin-block:1.3em;--padding:4vw}@view-transition{navigation:auto}body{color:var(--color-text);grid-template-columns:minmax(0,1fr);justify-items:center;margin:0;padding:0;font-family:GenJyuuGothicL,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif;line-height:1.85;display:grid}@media (width<=1199px){#toc{display:none}}@media (width>=1200px){body:has(#toc){grid-template-columns:1fr 200px var(--content-width) 1fr;&>header{grid-area:1/1/2/-1}&>#toc{grid-area:2/2/3/3}&>main{grid-area:2/3/3/4}&>footer{grid-area:3/1/4/-1}}}a{color:var(--color-accent);text-decoration-color:color-mix(in srgb, var(--color-accent) 35%, transparent);text-underline-offset:.2em;&:hover,&:focus-visible{color:#fff;background:var(--color-accent);text-decoration-color:#0000}}ul{margin:0}main{max-width:var(--content-width);width:100%;padding:var(--padding);box-sizing:border-box;margin:0;&>*{margin-block:var(--margin-block)}& h1,& h2,& h3,& h4,& h5,& h6{letter-spacing:.03em;text-wrap:balance;word-break:auto-phrase;line-height:1.4}& p,& li,& figcaption{text-wrap:pretty}& h1{text-align:center;font-size:1.6em;font-weight:400}& h2{border-bottom:1px solid #e4e8ea;margin-block-start:calc(var(--margin-block) + 3em);padding-block-end:.3em;font-size:1.7em}& h2,& h3,& h4{scroll-margin-top:4rem}& h3{margin-block-start:calc(var(--margin-block) * 2);font-size:1.25em}& h4{font-size:1.05em}& ul,& ol{padding-inline-start:1.5em}& li{margin-block:.3em;&::marker{color:var(--color-muted)}}& iframe{aspect-ratio:16/9;border:0;width:100%;display:block}& img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:72vh;display:block}& figure{margin-inline:0;&:has(img.small){flex-wrap:wrap;gap:5px;display:flex;& img{object-fit:cover;&.small{flex:1;width:300px;margin:0}}}}& figcaption{color:var(--color-muted);text-align:center}& .chatter{margin-block:calc(var(--margin-block) * 2)}& .welcome{& p{text-align:center;font-size:1.2rem}& div{justify-content:center;display:flex;overflow:hidden;& img{width:63%;max-height:none;margin-inline:-20%}}}& .row{grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:1em;display:grid;& figure{margin-block:0}&>div{flex-direction:column;justify-content:end;display:flex}& h4{margin-block:0 .5em}&>:last-child:nth-child(odd){grid-column:1/-1}}}