main{--announcement-height:calc(var(--font-p)/var(--font-scale) + 1rem);--navigation-height:calc(var(--font-p)*2 + 2.25rem);--space-top:calc(var(--announcement-height) + var(--navigation-height) + var(--padding-normal))}header[header-type=single-post]{min-height:calc(30rem - var(--space-top))}header[header-type=single-post] .container section h1{max-width:calc(var(--screen-size-small-units)*2);padding-block:var(--padding-normal)}header[header-type=single-post] .container section small{text-transform:uppercase}header[header-type=single-post] .container section div.author div:first-child{aspect-ratio:1;background-color:color-mix(in srgb,var(--color-background) 95%,var(--color-text));border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:50%;height:var(--padding-large);width:var(--padding-large)}header[header-type=single-post] .container section div.author div:first-child img{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}header[header-type=single-post] .container section div.author small{text-transform:capitalize}.single-post--navigation-top{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:color-mix(in srgb,var(--color-background) 75%,transparent);box-shadow:0 .05rem .05rem 0 var(--color-box-shadow);display:none;position:sticky;top:calc(var(--announcement-height) + var(--navigation-height));width:100%;z-index:1}.single-post--navigation-top p,.single-post--navigation-top small{font-family:var(--font-title)}.single-post--navigation-top button{background-color:transparent;border:none;color:var(--color-text)}@media screen and (max-width:1023px){.single-post--navigation-top{display:flex}.single-post--navigation-top button[content-index]{opacity:.8;transition:opacity .3s ease}.single-post--navigation-top button[content-index].is-active{color:var(--color-primary);opacity:1}}.single-post-extended--info,.single-post-indexing{position:sticky;top:var(--space-top)}.single-post-extended--info h6,.single-post-indexing h6{margin-block-end:var(--padding-small)}.single-post-extended--info p,.single-post-indexing p{line-height:1}.single-post-extended--info ul,.single-post-indexing ul{list-style:none}.single-post-extended--info .post-categories,.single-post-extended--info .post-related--articles,.single-post-extended--info .post-tags,.single-post-indexing .post-categories,.single-post-indexing .post-related--articles,.single-post-indexing .post-tags{margin-block-end:var(--padding-normal)}@media screen and (max-width:1023px){.single-post-extended--info,.single-post-indexing{min-height:calc(70dvh - var(--space-top))}}.post-categories a h6{margin-block-end:0}.post-categories a:hover{color:var(--color-primary)}.post-tags span{background-color:color-mix(in srgb,var(--color-background) 95%,var(--color-text));border:2px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:calc(var(--padding-small)/2);padding:calc(var(--padding-small)/4) calc(var(--padding-small)/2);transition:border-color .3s ease}.post-tags span.active,.post-tags span:hover{border-color:var(--color-primary-hover);color:var(--color-primary)}.post-related--articles a{height:calc(3rem + var(--padding-small)/2);padding:calc(var(--padding-small)/2)}.post-related--articles a div:nth-child(2){aspect-ratio:3/2;background-color:color-mix(in srgb,var(--color-background) 95%,var(--color-text));border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:calc(var(--padding-small)/2);height:100%;width:auto}.post-related--articles a div:nth-child(2) img{border-radius:inherit;filter:grayscale(100%);height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s ease;width:100%}.post-related--articles a:hover{background-color:var(--color-primary-hover)}.post-related--articles a:hover div:nth-child(2) img{filter:grayscale(0)}.post-related--articles p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.single-post-indexing ul li{padding-block-end:var(--padding-small)}.single-post-indexing ul li a{transition:color .3s ease}.single-post-indexing ul li a.active,.single-post-indexing ul li a:hover{color:var(--color-primary);font-weight:500}.single-post-page .grid{grid-gap:var(--padding-large)}@media screen and (max-width:1023px){.single-post-page .grid{grid-gap:var(--padding-normal)}.single-post-page .grid [content-id]{display:none;opacity:0;pointer-events:none;transform:translateY(-.5rem);transition:opacity .3s ease,transform .3s ease;visibility:hidden}.single-post-page .grid [content-id].is-active{display:block;opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}}.single-post-image--featured{aspect-ratio:3/2;background-color:color-mix(in srgb,var(--color-background) 95%,var(--color-text));border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:calc(var(--padding-small)/2);display:inline-flex;height:auto;margin-block-end:var(--padding-large);width:100%}.single-post-image--featured img{border-radius:inherit;filter:grayscale(100%);height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s ease;width:100%}.single-post-image--featured:hover img{filter:none}.single-post-content h1,.single-post-content h2,.single-post-content h3,.single-post-content h4,.single-post-content h5,.single-post-content h6,.single-post-content p{margin-block:var(--padding-small);scroll-margin-top:var(--space-top)}.single-post-content h1:first-child,.single-post-content h2:first-child,.single-post-content h3:first-child,.single-post-content h4:first-child,.single-post-content h5:first-child,.single-post-content h6:first-child,.single-post-content p:first-child{margin-block-start:0}@media screen and (max-width:1023px){.single-post-content h1,.single-post-content h2,.single-post-content h3,.single-post-content h4,.single-post-content h5,.single-post-content h6,.single-post-content p{scroll-margin-top:calc(var(--space-top) + var(--font-p) + var(--padding-normal)*2)}}.single-post-content ol,.single-post-content ul{padding-inline-start:var(--padding-normal)}.single-post-content ol li,.single-post-content ul li{line-height:1.6}.single-post-content pre{white-space:pre-wrap;word-wrap:break-word;background-color:color-mix(in srgb,var(--color-text) 5%,var(--color-background));border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:.25rem;font-family:Courier New,Courier,monospace;font-size:.875rem;margin-block:var(--padding-normal);overflow-x:auto;padding-inline:var(--padding-normal)}.single-post-content pre code{background:transparent;border:none;color:var(--color-text);display:block;font-family:inherit;font-size:inherit;overflow-x:auto;padding:var(--padding-normal) 0;white-space:pre-line}.single-post-content pre code .hl-keywords{color:color-mix(in srgb,var(--color-primary) 100%,transparent);font-weight:600}.single-post-content pre code .hl-strings{color:color-mix(in srgb,var(--color-primary) 75%,transparent)}.single-post-content pre code .hl-comments{color:color-mix(in srgb,var(--color-text) 50%,transparent);font-style:italic}.single-post-content pre code .hl-numbers{color:color-mix(in srgb,var(--color-primary) 85%,transparent)}.single-post-content pre code .hl-functions{color:color-mix(in srgb,var(--color-text) 90%,transparent);font-weight:500}.single-post-content pre code .hl-tags{color:color-mix(in srgb,var(--color-primary) 90%,transparent)}.single-post-content pre code .hl-attributes{color:color-mix(in srgb,var(--color-text) 80%,transparent)}.single-post-content pre code .hl-properties{color:color-mix(in srgb,var(--color-primary) 85%,transparent)}.single-post-content pre code .hl-values{color:color-mix(in srgb,var(--color-text) 70%,transparent)}.single-post-content pre code .hl-keys{color:color-mix(in srgb,var(--color-primary) 90%,transparent)}.single-post-content pre code .hl-booleans{color:color-mix(in srgb,var(--color-primary) 100%,transparent);font-weight:600}.single-post-content pre code .hl-selectors{color:color-mix(in srgb,var(--color-primary) 85%,transparent)}.single-post-content pre code .hl-filters{color:color-mix(in srgb,var(--color-primary) 80%,transparent);font-weight:500}.single-post-page--routing{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:color-mix(in srgb,var(--color-background) 75%,transparent);bottom:0;box-shadow:0 -.05rem .05rem 0 var(--color-box-shadow);position:sticky;width:100%;z-index:1}.single-post-page--routing section a{color:color-mix(in srgb,var(--color-text) 75%,transparent);flex:1;max-width:var(--screen-size-small-units);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.single-post-page--routing section a span{aspect-ratio:1;background-color:color-mix(in srgb,var(--color-background) 95%,var(--color-text));border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:calc(var(--padding-small)/2);padding:calc(var(--padding-small)/2)}.single-post-page--routing section a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.single-post-page--routing section a:hover{color:var(--color-text)}.single-post-page--routing section a:hover span{background-color:var(--color-primary)}