@layer reset{:where(*){box-sizing:border-box}:where(:focus-visible){outline-offset:3px}:where(html){-moz-text-size-adjust:none;text-size-adjust:none;scrollbar-gutter:stable}:where(body){scroll-behavior:smooth;min-height:100dvh}: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:#2c7c45;--color-primary-background:#b3e4c3;--color-primary-background-lighter:#d9f2e1;--color-text:#000;--color-text-gray:#68768d;--color-background-page:#fff;--color-background-gray:#c4cad4;--color-background-gray-lighter:#e2e5e9;--color-border-gray:#68768d;--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:.85rem;--font-size-xsmall:.7rem;letter-spacing:.05em;font-size:16px}@media not (max-width:40rem){:root{font-size:18px}}body{background-color:var(--color-background-page)}a{color:#4e69e4;text-decoration:none}a:visited{color:#1f78c1}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{grid-template-columns:[full-start]1fr[margin-start].5rem[content-start]min(864px,100% - 1rem)[content-end].5rem[margin-end]1fr[full-end];display:grid}.container>*{grid-column:content-start/content-end}.container .no-margin-container{grid-column:margin-start/margin-end;width:100%;max-width:864px;margin-left:auto;margin-right:auto}hr{background-image:linear-gradient(to right,transparent,var(--color-primary),transparent);border:none;width:100%;height:1px}pre code{font-size:var(--font-size-xsmall);line-height:1.5}main{margin-bottom:2rem}.ads{text-align:center;min-height:90px;margin-top:1rem;margin-bottom:1rem}.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);text-align:center;font-weight:700}.site-header .site-title a{color:var(--color-primary)}.site-header .site-description{font-size:var(--font-size-small);color:var(--color-primary);text-align:center;margin-bottom:.5rem}@layer nav{.site-header-nav-list{grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding-left:0;list-style-type:none;display:grid}.site-header-nav-item a{text-align:center;border-bottom:.25rem solid #0000;padding:.5rem 0 .25rem;display:block}.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{white-space:nowrap;align-items:center;margin:.5rem 0;padding-left:0;list-style-type:none;display:flex}.breadcrumbs svg{flex-shrink:0}.breadcrumbs-item{align-items:flex-end;display:flex}.breadcrumbs-link{align-items:flex-end;gap:.25rem;display:flex}.breadcrumbs-title{font-size:var(--font-size-small)}.breadcrumbs-separator{color:var(--color-text-secondary);margin:0 .25rem}}
@layer footer{.site-footer{box-shadow:0 -2px 6px var(--color-primary-background);margin-top:2rem;padding-top:1rem;padding-bottom:2rem}.site-footer .site-title{text-align:center}.site-footer .site-title a{color:var(--color-primary);font-weight:700}.site-footer .copyright{text-align:center}.site-footer .social-links ul{font-size:var(--font-size-large);justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-left:0;list-style-type:none;display:flex}.site-footer .note{font-size:var(--font-size-small);text-align:center;margin-top:2rem}.site-footer .links{grid-template-columns:1fr 1fr;align-items:center;margin-top:2rem;display:grid}.site-footer .links a{font-size:var(--font-size-small);text-align:center}}
@layer article{main>article{grid-template-columns:subgrid;grid-column:full-start/full-end;row-gap:2rem;display:grid}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-left:.2em;margin-right:.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{flex-direction:column;gap:.25rem;display:flex}main>article h2{width:fit-content;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;padding-top:1rem;padding-bottom:1rem;display:inline-block}main>article h3{font-size:var(--font-size-large);border-left:.5rem solid var(--color-primary);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem}main>article h4{width:fit-content;font-size:var(--font-size-normal);background-color:var(--color-primary-background);padding:.5rem}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-left:auto;margin-right: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){font-size:var(--font-size-small);border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);padding:.25em .5em}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: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{font-size:var(--font-size-small);text-align:center;overflow-wrap:break-word;margin-top:.5rem}main>article p code{font-size:var(--font-size-small);background-color:var(--color-primary-background-lighter);margin-left:.25rem;margin-right:.25rem;padding:.25rem}main>article blockquote{font-size:var(--font-size-small);background-color:var(--color-primary-background-lighter);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{white-space:nowrap;width:fit-content;max-width:100%;max-height:70vh;box-shadow:0 2px 6px var(--color-primary-background);margin-left:auto;margin-right:auto;overflow:auto}main>article .overflow>*{margin-top:0!important;margin-bottom:0!important}.article-date{width:fit-content;font-size:var(--font-size-small);color:var(--color-text-gray);align-items:center;gap:.25em;margin-left:auto;display:flex}.meta-links{width:fit-content;font-size:var(--font-size-small);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-left:auto;list-style-type:none;display:flex}.meta-link{align-items:center;gap:.25em;line-height:1.5;display:flex}.embed-url{box-shadow:0 2px 6px var(--color-primary-background);align-items:flex-start;gap:.5rem;padding:.5rem 1rem .5rem .5rem;display:flex}.embed-url:hover{text-decoration:none}.embed-url.external{box-shadow:0 2px 6px var(--color-background-gray)}.embed-url .icon{font-size:var(--font-size-2xlarge);flex-shrink:0}.embed-url .meta{flex-grow:1}.embed-url:hover .title{text-decoration:underline}.embed-url .description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;max-height:4.6em;font-size:var(--font-size-small);color:var(--color-text);-webkit-box-orient:vertical;overflow:hidden}.embed-url .note{font-size:var(--font-size-small);color:var(--color-text-gray);align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.embed-url .hostname{text-overflow:ellipsis;flex-grow:1;min-width:0;overflow:hidden}.embed-url .category{flex-shrink:0}.toc-toggle-inline{width:100%;color:var(--color-primary);cursor:pointer;background-color:var(--color-primary-background-lighter);border:1px solid var(--color-primary);padding:.25rem;display:block}.toc-toggle-floating{z-index:998;width:3rem;height:3rem;font-size:var(--font-size-3xlarge);color:var(--color-background-page);cursor:pointer;background-color:var(--color-primary);box-shadow:0 2px 6px var(--color-primary-background);border:none;border-radius:50%;place-content:center;display:grid;position:fixed;bottom:1rem;right:.5rem}.toc-container{z-index:999;visibility:hidden;background-color:var(--color-background-page);width:320px;max-width:80vw;max-height:50vh;box-shadow:0 2px 6px var(--color-border-gray);opacity:0;transform-origin:100% 100%;transition:opacity .3s,transform .3s,visibility .3s;position:fixed;bottom:1rem;right:.5rem;overflow-y:auto;transform:scale(.8)}.toc-container.open{visibility:visible;opacity:1;transform:scale(1)}.toc-title{text-align:center;background-color:var(--color-primary-background);box-shadow:0 2px 6px var(--color-primary-background);padding:.25rem;font-weight:700;position:sticky;top:0}.toc{font-size:var(--font-size-small);padding:.5rem}.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{padding:.375rem .25rem;display:block}.toc-link-active{color:inherit;background-color:var(--color-primary-background-lighter)}.youtube-embed{width:100%;box-shadow:0 2px 6px var(--color-border-gray);padding-top:56.25%;position:relative}.youtube-embed iframe{width:100%;height:100%;position:absolute;top:0;right:0}.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{color:var(--color-text);text-align:center;background-color:var(--color-primary-background-lighter);border:1px solid var(--color-primary);padding:.5rem 1rem;display:block}.post-link-title{color:var(--color-primary);font-weight:700}.pagination{width:fit-content;margin-left:auto;margin-right:auto}.pagination-list{background-color:var(--color-primary-background-lighter);border:1px solid var(--color-primary);align-items:center;padding-left:0;list-style-type:none;display:flex}.pagination-item-link{font-size:var(--font-size-2xlarge);padding:.5rem 1rem;display:block}.pagination-item-link.disabled{color:var(--color-text-gray)}.pagination-page{font-size:var(--font-size-small);padding:.5rem 1.5rem}.pagination-current-page{font-size:var(--font-size-normal);font-weight:700}.blog-navigation{background-color:var(--color-primary-background-lighter);align-items:flex-start;gap:1rem;margin-top:2rem;padding:1rem;display:grid}@media not (max-width:40rem){.blog-navigation{grid-template-columns:1fr 2fr}}.blog-navigation-title{margin-bottom:.5rem;font-size:1rem}:is(.blog-navigation-categories,.blog-navigation-tags){font-size:var(--font-size-small);flex-wrap:wrap;gap:.5rem 1rem;padding-left:0;list-style-type:none;display:flex}.blog-navigation-link{align-items:center;gap:.25rem;display:flex}}
@layer form{.form{flex-direction:column;gap:1rem;display:flex}.form-row{flex-direction:column;gap:.5rem;max-width:30rem;margin-left:auto;margin-right:auto;display:flex}:is(.form input[type=text],textarea){border:1px solid var(--color-primary);padding:.5rem}textarea{resize:vertical}button{color:var(--color-background-page);appearance:none;cursor:pointer;background-color:var(--color-primary);border:none;padding:.5rem 1rem}}