:root{font-size:62.5%;--bg-main:#f6f7f9;--text-main:#1f2937;--text-muted:#6b7280;--border-light:#e5e7eb;--accent-color:#7c3aed;--accent-soft:#ede9fe;--code-bg:#282a36;--size:1rem;--spacing:calc(var(--size) * 2.4)}body{background:var(--bg-main);color:var(--text-main);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.6;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;color:var(--text-muted)}main{padding-bottom:var(--spacing)}footer{text-align:center;padding-top:var(--spacing);color:var(--text-muted)}a{color:currentColor;text-decoration-color:var(--accent-color);text-decoration-thickness:.25ex;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;color:var(--text-main)}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:2.4rem;margin-block:1.2rem}li{margin-block-start:.6rem}li:first-child{margin-block-start:0}blockquote{padding-inline-start:var(--spacing);border-inline-start:.25em solid var(--accent-color);font-style:italic;color:var(--text-muted);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;color:var(--text-main)}.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;color:var(--text-muted)}p.byline{opacity:.6}:not(pre)>code{font-family:ui-monospace,cascadia code,source code pro,Menlo,Consolas,dejavu sans mono,monospace;padding:2px 6px;background-color:#e5edff;color:#1e40af;font-size:calc(var(--size) * 1.4);border-radius:5px;font-weight:500}pre code{display:block;padding:var(--spacing);background-color:var(--code-bg);color:#f8f8f2;overflow-x:auto;border-radius:8px}table{width:100%;background:#fff}table,th,td{border:1px solid var(--border-light);border-collapse:collapse;padding:calc(var(--spacing)/2)}.disabled{color:var(--text-muted);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:#fff;color:var(--text-main);padding:6px 10px;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.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;color:var(--text-muted)}