:root{font-size:62.5%;--color-code-bg:#282a36;--color-code-fg:#fafafa;--color-fg:#181a20;--color-bg:#fafafa;--color-primary:#1a8fe3;--size:0.95rem;--spacing:calc(var(--size) * 2.4)}@media(prefers-color-scheme:dark){:root{--color-bg:#181a20;--color-fg:#fafafa}}body{background:var(--color-bg);color:var(--color-fg);padding:4rem;font-family:Avenir,avenir next lt pro,Montserrat,Corbel,urw gothic,source-sans-pro,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;font-size:calc(var(--size) * 1.8);line-height:1.5;min-height:80vh;max-width:1600px;margin:0 auto;word-wrap:break-word}header,main,footer{max-width:80ch;margin-inline:auto}header{padding-bottom:var(--spacing)}nav{margin-top:calc(var(--spacing)/2)}nav a,a.blog-tags{margin-right:calc(var(--spacing)/2)}a.blog-tags{line-height:2}main{padding-bottom:var(--spacing)}footer{padding-top:var(--spacing);font-size:calc(var(--size) * 1.5)}footer ul{list-style:none;display:flex;width:100%;justify-content:center;padding:0}footer ul li{margin:0 calc(var(--spacing) * .2)}footer .copy{width:100%;text-align:center}a{color:currentColor;text-decoration-color:var(--color-primary);text-decoration-thickness:.3ex;text-underline-offset:.3ex}a:hover{text-decoration-thickness:.4ex}img{display:block;max-width:100%;height:auto;margin:auto}h1,h2,h3,h4{font-weight:700;line-height:1.3}h1{font-size:calc(var(--size) * 4.2)}h2{font-size:calc(var(--size) * 3.4)}h3{font-size:calc(var(--size) * 2.6)}h4{font-size:calc(var(--size) * 1.8)}ul,ol{padding-inline-start:var(--spacing)}li{margin-block-start:calc(var(--spacing)/2)}blockquote{padding-inline-start:var(--spacing);border-inline-start:.2em solid;font-style:italic;max-width:60ch}:is(h1,h2,h3,h4,blockquote){margin-block-end:calc(var(--spacing)/2)}:is(h1,h2,h3,h4)+*{margin-block-start:calc(var(--spacing)/3)}:is(h1,h2,h3,h4)+:where(h2,h3,h4){margin-block-start:calc(var(--spacing) * 2)}.title{margin-top:calc(var(--spacing)/2);display:flex}.title a{text-decoration:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:end}.title img{height:calc(var(--size) * 5);margin:0 0 0 calc(var(--size) * .5);display:inline-block}.title h1{font-size:calc(var(--size) * 3.4);margin:0;display:inline-block}ul.blog-posts{list-style-type:none;padding:unset}ul.blog-posts li{display:flex;flex-direction:column}ul.blog-posts li span{min-width:11ch}p.byline{opacity:.5}code{font-family:ui-monospace,cascadia code,source code pro,Menlo,Consolas,dejavu sans mono,monospace;padding:2px calc(var(--spacing)/5);font-size:calc(var(--size) * 1.5)}pre code{display:block;padding:var(--spacing);overflow-x:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;background-color:var(--color-code-bg);color:var(--color-code-fg)}table{width:100%}table,th,td{border:1px solid;border-collapse:collapse;border-color:var(--color-fg);padding:calc(var(--spacing)/2)}.disabled{color:currentColor;cursor:not-allowed;opacity:.5}@media screen and (min-width:600px){ul.blog-posts li{flex-direction:row;gap:calc(var(--spacing)/2)}}.skip-link{position:absolute;top:5;transform:translateY(-600%);transition:transform .5s;background-color:var(--color-bg);padding:6px}.skip-link:focus{transform:translateY(0%)}figure{margin-inline-start:0;margin-inline-end:0}figcaption>p{margin-block-start:9px;text-align:center;font-style:italic}