@layer reset{:where(*,:before,:after){box-sizing:border-box}:where(:focus-visible){outline-offset:3px}:where(html){text-size-adjust:none;scrollbar-gutter:stable}:where(body){min-height:100dvh;scroll-behavior:smooth}:where(body,h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd){margin:0}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-width:100%}:where(img,picture){object-fit:contain}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where(textarea){resize:vertical}:where(code,kbd,samp,pre,textarea){font-family:var(--monospace-font)}}@layer base{:root{--color-primary:rgb(44 124 69);--color-primary-background:rgb(179 228 195);--color-primary-background-lighter:hsl(140deg 48% 90%);--color-text:rgb(0 0 0);--color-text-gray:rgb(104 118 141);--color-background-page:rgb(255 255 255);--color-background-gray:hsl(217deg 15% 80%);--color-background-gray-lighter:hsl(217deg 15% 90%);--color-border-gray:rgb(104 118 141);--font-size-normal:1rem;--font-size-3xlarge:1.8rem;--font-size-2xlarge:1.6rem;--font-size-xlarge:1.4rem;--font-size-large:1.2rem;--font-size-small:0.85rem;--font-size-xsmall:0.7rem;font-size:16px;letter-spacing:.05em}@media (min-width:40.001rem){:root{font-size:18px}}body{background-color:var(--color-background-page)}a{color:rgb(78 105 228);text-decoration:none}a:visited{color:rgb(31 120 193)}a:active{background-color:var(--color-primary-background-lighter)}.text-center{text-align:center}.text-right{text-align:right}.small{font-size:var(--font-size-small)}.container{display:grid;grid-template-columns:[full-start] 1fr [margin-start] .5rem [content-start] min(864px,calc(100% - 1rem)) [content-end] .5rem [margin-end] 1fr [full-end]}.container>*{grid-column:content-start/content-end}.container .no-margin-container{grid-column:margin-start/margin-end;width:100%;max-width:864px;margin-right:auto;margin-left:auto}hr{width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--color-primary),transparent);border:none}pre code{font-size:var(--font-size-xsmall);line-height:1.5}main{margin-bottom:2rem}.ads{min-height:90px;margin-top:1rem;margin-bottom:1rem;text-align:center}.ads .local{background-color:var(--color-background-gray-lighter)}}@layer header{.site-header{box-shadow:0 2px 6px var(--color-primary-background)}.site-header .site-title{font-size:var(--font-size-3xlarge);font-weight:700;text-align:center}.site-header .site-title a{color:var(--color-primary)}.site-header .site-description{margin-bottom:.5rem;font-size:var(--font-size-small);color:var(--color-primary);text-align:center}@layer nav{.site-header-nav-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem;gap:.5rem;padding-left:0;list-style-type:none}.site-header-nav-item a{display:block;padding:.5rem 0 .25rem;text-align:center;border-bottom:.25rem solid transparent}.site-header-nav-item a:hover{background-color:var(--color-background-gray-lighter)}.site-header-nav-item a.active{background-color:var(--color-primary-background-lighter);border-bottom-color:var(--color-primary)}}}@layer breadcrumbs{.breadcrumbs-container{overflow-x:hidden}.breadcrumbs{display:flex;align-items:center;padding-left:0;margin:.5rem 0;white-space:nowrap;list-style-type:none}.breadcrumbs svg{flex-shrink:0}.breadcrumbs-item,.breadcrumbs-link{display:flex;align-items:flex-end}.breadcrumbs-link{gap:.25rem}.breadcrumbs-title{font-size:var(--font-size-small)}.breadcrumbs-separator{margin:0 .25rem;color:var(--color-text-secondary)}}@layer footer{.site-footer{padding-top:1rem;padding-bottom:2rem;margin-top:2rem;box-shadow:0 -2px 6px var(--color-primary-background)}.site-footer .site-title{text-align:center}.site-footer .site-title a{font-weight:700;color:var(--color-primary)}.site-footer .copyright{text-align:center}.site-footer .social-links ul{display:flex;gap:1rem;align-items:center;justify-content:center;padding-left:0;margin-top:1rem;font-size:var(--font-size-large);list-style-type:none}.site-footer .note{margin-top:2rem;font-size:var(--font-size-small);text-align:center}.site-footer .links{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:2rem}.site-footer .links a{font-size:var(--font-size-small);text-align:center}}@layer article{main>article{display:grid;grid-template-columns:subgrid;grid-column:full-start/full-end;grid-row-gap:2rem;row-gap:2rem}main>article>*{grid-column:content-start/content-end}main>article>.full-width-container{grid-column:full-start/full-end}main>article>.no-gap{margin-top:-2rem}main>article p>a{margin-right:.2em;margin-left:.2em}main>article a:hover{text-decoration:underline}main>article :is(h1,h2,h3,h4){line-height:1.7}main>article :not(:is(h2,h3,h4))+:is(h2,h3,h4){margin-top:2rem}main>article header h1{font-size:var(--font-size-2xlarge)}main>article footer{display:flex;flex-direction:column;gap:.25rem}main>article h2{display:inline-block;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem;font-size:var(--font-size-xlarge);border-image-source:linear-gradient(var(--color-primary-background),var(--color-primary-background));border-image-slice:0 fill;border-image-outset:0 4rem 0 100vw}main>article h3{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:var(--font-size-large);border-left:.5rem solid var(--color-primary)}main>article h4{width:-moz-fit-content;width:fit-content;padding:.5rem;font-size:var(--font-size-normal);background-color:var(--color-primary-background)}main>article :is(p,li,dl,dd){line-height:2.2}main>article :is(p,li,dl,dd):not(:is(.text-center,.text-right)){text-align:justify}main>article :is(figure img,table){margin-right:auto;margin-left:auto}main>article dd{padding-left:2em}main>article strong{background-image:linear-gradient(to bottom,transparent 0 60%,var(--color-primary-background) 60% 100%)}main>article table{border-spacing:0;border-collapse:separate;border-left:1px solid var(--color-primary)}main>article table :is(th,td){padding:.25em .5em;font-size:var(--font-size-small);border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}main>article table.small :is(th,td){font-size:var(--font-size-xsmall)}main>article table th{background-color:var(--color-primary-background-lighter)}main>article table thead tr:first-child th{border-top:1px solid var(--color-primary)}main>article table:not(:has(thead)) tr:first-child :is(th,td){border-top:1px solid var(--color-primary)}main>article .overflow table thead{position:-webkit-sticky;position:sticky;top:0}main>article figure img{width:auto;max-height:45vh;box-shadow:0 2px 6px var(--color-background-gray)}main>article figure figcaption{margin-top:.5rem;font-size:var(--font-size-small);text-align:center;overflow-wrap:break-word}main>article p code{padding:.25rem;margin-right:.25rem;margin-left:.25rem}main>article blockquote,main>article p code{font-size:var(--font-size-small);background-color:var(--color-primary-background-lighter)}main>article blockquote{padding:1rem;line-height:1.5}main>article blockquote p{line-height:1.5}main>article blockquote p+p{margin-top:1rem}main>article .overflow{width:-moz-fit-content;width:fit-content;max-width:100%;max-height:70vh;margin-right:auto;margin-left:auto;overflow:auto;white-space:nowrap;box-shadow:0 2px 6px var(--color-primary-background)}main>article .overflow>*{margin-top:0!important;margin-bottom:0!important}.article-date{gap:.25em;color:var(--color-text-gray)}.article-date,.meta-links{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto;font-size:var(--font-size-small)}.meta-links{flex-wrap:wrap;gap:.75rem;justify-content:flex-end;list-style-type:none}.meta-link{display:flex;gap:.25em;align-items:center;line-height:1.5}.embed-url{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem 1rem .5rem .5rem;box-shadow:0 2px 6px var(--color-primary-background)}.embed-url:hover{text-decoration:none}.embed-url.external{box-shadow:0 2px 6px var(--color-background-gray)}.embed-url .icon{flex-shrink:0;font-size:var(--font-size-2xlarge)}.embed-url .meta{flex-grow:1}.embed-url:hover .title{text-decoration:underline}.embed-url .description{max-height:4.6em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;font-size:var(--font-size-small);color:var(--color-text);-webkit-box-orient:vertical}.embed-url .note{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;font-size:var(--font-size-small);color:var(--color-text-gray)}.embed-url .hostname{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.embed-url .category{flex-shrink:0}.toc-toggle-inline{display:block;width:100%;padding:.25rem;color:var(--color-primary);cursor:pointer;background-color:var(--color-primary-background-lighter);border:1px solid var(--color-primary)}.toc-toggle-floating{position:fixed;right:.5rem;bottom:1rem;z-index:998;display:grid;place-content:center;width:3rem;height:3rem;font-size:var(--font-size-3xlarge);color:var(--color-background-page);cursor:pointer;background-color:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 6px var(--color-primary-background)}.toc-container{position:fixed;right:.5rem;bottom:1rem;z-index:999;visibility:hidden;width:320px;max-width:80vw;max-height:50vh;overflow-y:auto;background-color:var(--color-background-page);box-shadow:0 2px 6px var(--color-border-gray);opacity:0;transform:scale(.8);transform-origin:bottom right;transition:opacity .3s ease,transform .3s ease,visibility .3s}.toc-container.open{visibility:visible;opacity:1;transform:scale(1)}.toc-title{position:-webkit-sticky;position:sticky;top:0;padding:.25rem;font-weight:700;text-align:center;background-color:var(--color-primary-background);box-shadow:0 2px 6px var(--color-primary-background)}.toc{padding:.5rem;font-size:var(--font-size-small)}.toc-list{padding-left:0;list-style-type:none}.toc-list .toc-list{padding-left:1.5rem}.toc-list-item{line-height:1.4}.toc-list .toc-list>.toc-list-item-active{list-style-type:disc}.toc-link{display:block;padding:.375rem .25rem}.toc-link-active{color:inherit;background-color:var(--color-primary-background-lighter)}.youtube-embed{position:relative;width:100%;padding-top:56.25%;box-shadow:0 2px 6px var(--color-border-gray)}.youtube-embed iframe{position:absolute;top:0;right:0;width:100%;height:100%}.tweet .react-tweet-theme{box-shadow:0 2px 6px var(--color-border-gray);--tweet-font-family:var(--san-serif-font)!important;--tweet-container-margin:1.5rem auto!important;--tweet-body-font-size:var(--font-size-normal)!important}.tweet .react-tweet-theme p{text-align:left}}@layer blog{.post-link{display:block;padding:.5rem 1rem;color:var(--color-text);text-align:center;background-color:var(--color-primary-background-lighter);border:1px solid var(--color-primary)}.post-link-title{font-weight:700;color:var(--color-primary)}.pagination{width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto}.pagination-list{display:flex;align-items:center;padding-left:0;list-style-type:none;background-color:var(--color-primary-background-lighter);border:1px solid var(--color-primary)}.pagination-item-link{display:block;padding:.5rem 1rem;font-size:var(--font-size-2xlarge)}.pagination-item-link.disabled{color:var(--color-text-gray)}.pagination-page{padding:.5rem 1.5rem;font-size:var(--font-size-small)}.pagination-current-page{font-size:var(--font-size-normal);font-weight:700}.blog-navigation{display:grid;grid-gap:1rem;gap:1rem;align-items:flex-start;padding:1rem;margin-top:2rem;background-color:var(--color-primary-background-lighter)}@media (min-width:40.001rem){.blog-navigation{grid-template-columns:1fr 2fr}}.blog-navigation-title{margin-bottom:.5rem;font-size:1rem}:is(.blog-navigation-categories,.blog-navigation-tags){display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding-left:0;font-size:var(--font-size-small);list-style-type:none}.blog-navigation-link{display:flex;gap:.25rem;align-items:center}}@layer form{.form{gap:1rem}.form,.form-row{display:flex;flex-direction:column}.form-row{gap:.5rem;max-width:30rem;margin-right:auto;margin-left:auto}}