:root{font-size:62.5%;--color-lite:#fbf1c7;--color-dark:#282828;--color-soft-dark:#32302f;--color-emphasis:#076678;--size:1rem;--spacing:calc(var(--size) * 2.4)}hr{border:none;border-top:1px solid var(--color-emphasis);margin:2rem 0}body{background:var(--color-lite);color:var(--color-dark);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:70ch;margin-inline:auto}header{padding-bottom:var(--spacing)}nav a,a.blog-tags{margin-right:calc(var(--spacing)/2)}a.blog-tags{line-height:2}main{padding-bottom:var(--spacing)}footer{text-align:center;padding-top:var(--spacing)}a{color:currentColor;text-decoration-color:var(--color-emphasis);text-decoration-thickness:.3ex;text-underline-offset:.3ex}a:hover{text-decoration-thickness:.4ex}img{display:block;max-width:100%;height: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:var(--spacing)}blockquote{padding-inline-start:var(--spacing);border-inline-start:.2em solid;font-style:italic;max-width:50ch}: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{text-decoration:none}.title h1{font-size:calc(var(--size) * 3.4);margin-top:calc(var(--spacing)/2)}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,pre code{font-family:ui-monospace,cascadia code,source code pro,Menlo,Consolas,dejavu sans mono,monospace;background-color:#282828;color:#ebdbb2;padding:1rem 1.2rem;font-size:calc(var(--size) * 1.4);overflow-x:auto;display:block;border-radius:.5rem;box-shadow:0 4px 12px rgba(31,59,77,.15)}code .k,code .kc,code .kd,code .kn,code .kp,code .kr,code .kt{color:#fb4934}code .nf,code .fm{color:#fabd2f}code .nv,code .vc,code .vg,code .vi{color:#b8bb26}code .no,code .m,code .mi,code .mf,code .mh{color:#d3869b}code .s,code .sa,code .sb,code .sc,code .s2{color:#b8bb26}code .c,code .cm,code .c1,code .cs,code .ch{color:#928374;font-style:italic}code .o,code .ow,code .p,code .dl{color:#fe8019}code .err{background-color:#fb4934;color:#282828}table{width:100%}table,th,td{border:1px solid;border-collapse:collapse;border-color:var(--color-lite);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-soft-dark);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}