header[data-astro-cid-xrc56gie]{font-feature-settings:"palt";box-sizing:border-box;width:100%;padding-block:.7rem;padding-inline:calc(max((100% - var(--content-width)) / 2 + var(--padding), var(--padding)));z-index:2;background:#fffffff2;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;line-height:1.5;display:flex;position:sticky;top:0}@supports (animation-timeline:scroll()){header[data-astro-cid-xrc56gie]{animation:linear both header-line scroll();animation-range:0 4rem}@keyframes header-line{to{border-bottom-color:var(--color-line)}}}a[data-astro-cid-xrc56gie]{text-decoration:none;&:hover,&:focus-visible{color:#fff;background:var(--color-accent)}}#site-name[data-astro-cid-xrc56gie]{letter-spacing:.06em;& a{color:var(--color-heading);&:hover,&:focus-visible{color:var(--color-accent);background:0 0}}& span{letter-spacing:.02em;color:var(--color-muted);font-size:.85em;font-weight:400}}nav[data-astro-cid-xrc56gie]{text-align:right}ul[data-astro-cid-xrc56gie]{gap:.4rem;margin:0;padding:0;font-size:.95rem;display:flex}li[data-astro-cid-xrc56gie]{margin:0;padding:0;list-style-type:none;& a{padding:.2em .45em;display:inline-block}}a[data-astro-cid-xrc56gie][aria-current=page]{color:var(--color-heading);box-shadow:inset 0 -2px var(--color-accent)}#hamburger[data-astro-cid-xrc56gie]{cursor:pointer;color:var(--color-accent);z-index:1;font:inherit;background:0 0;border:0;padding:.35em 1em;font-size:.9rem;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}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:var(--toc-width);box-sizing:border-box;max-width:100%;padding-block-start:clamp(1.5rem,4vw,3rem);padding-inline-end:2rem}ul[data-astro-cid-lkw5wmmf]{border-inline-start:1px solid var(--color-line);max-height:calc(100vh - 7rem);margin:0;padding:0;position:sticky;top:5rem;overflow-y:auto}li[data-astro-cid-lkw5wmmf]{margin-block:.15rem;font-size:.8rem;line-height:1.6;list-style-type:none}a[data-astro-cid-lkw5wmmf]{color:var(--color-muted);word-break:auto-phrase;text-wrap:pretty;border-inline-start:2px solid #0000;margin-inline-start:-1px;padding:.35em 0 .35em 1em;text-decoration:none;display:block;&:hover,&:focus-visible{color:var(--color-accent);background:0 0}}li[data-astro-cid-lkw5wmmf].current a[data-astro-cid-lkw5wmmf]{color:var(--color-heading);border-inline-start-color:var(--color-accent)}footer[data-astro-cid-jo6i4kqk]{color:var(--color-muted);text-align:center;width:100%;max-width:var(--content-width);box-sizing:border-box;padding:var(--padding);margin-block:6rem 3rem;font-size:.8rem}:root{color-scheme:light;--color-text:#3c4949;--color-heading:#273232;--color-accent:#e02552;--color-accent-soft:#fdf0f3;--color-muted:#6b7780;--color-line:#e6eaec;--content-width:1000px;--toc-width:180px;--margin-block:1.3em;--padding:4vw}@view-transition{navigation:auto}body{color:var(--color-text);letter-spacing:.02em;background:#fff;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<=1439px){#toc{display:none}}@media (width>=1440px){body:has(#toc){grid-template-columns:1fr var(--content-width) 1fr;&>header{grid-area:1/1/2/-1}&>#toc{grid-area:2/1/3/2;justify-self:end}&>main{grid-area:2/2/3/3}&>footer{grid-area:3/1/4/-1}}}::selection{background:color-mix(in srgb, var(--color-accent) 20%, white)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}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;padding-block-start:clamp(1.5rem,4vw,3rem);&>*{margin-block:var(--margin-block)}& h1,& h2,& h3,& h4,& h5,& h6{color:var(--color-heading);letter-spacing:.06em;font-feature-settings:"palt";text-wrap:balance;word-break:auto-phrase;font-weight:400;line-height:1.45}& p,& li,& figcaption{text-wrap:pretty}& h1{margin-block:.5rem 2.5rem;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.2rem)}& h1+h2{margin-block-start:0}& h2{border-bottom:1px solid var(--color-line);margin-block-start:calc(var(--margin-block) + 3em);padding-block-end:.35em;font-size:clamp(1.35rem,1.15rem + .8vw,1.6rem)}& h2,& h3,& h4{scroll-margin-top:4.5rem}& h3{margin-block-start:calc(var(--margin-block) * 2.5);font-size:1.2em}& h4{font-size:1.05em}& ul,& ol{padding-inline-start:1.5em}& li{margin-block:.3em;&::marker{color:var(--color-accent)}}& iframe{aspect-ratio:16/9;background:var(--color-line);border:0;border-radius:6px;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;margin-block-start:.6em;font-size:.85em}& .chatter{margin-block:calc(var(--margin-block) * 2)}& .welcome{margin-block-start:0;&>p{background:var(--color-accent-soft);width:fit-content;color:var(--color-heading);border-radius:2em;margin:0 auto;padding:.5em 1.4em;font-size:1.1rem;position:relative;&:after{content:"";border:.55em solid #0000;border-top-color:var(--color-accent-soft);border-bottom:0;position:absolute;top:100%;left:50%;translate:-50% -1px}}& div{justify-content:center;max-width:820px;margin:1em auto 0;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}}}main:has(.welcome)>h1{text-align:center;margin-block-end:1em}main .welcome+h2{margin-block-start:var(--margin-block)}
