.article{max-width:68ch;font-family:var(--font-body);margin-inline:auto;padding-block:2.5rem}.article h1,.article h2,.article h3,.article h4{font-family:var(--font-display);margin-top:2.2em;margin-bottom:.6em;line-height:1.2}.article h2{border-top:1px solid var(--rule);padding-top:.7em;font-size:1.6rem}.article h3{font-size:1.25rem}.article p{margin:1.2em 0}.article>p:first-of-type:first-letter{float:left;font-family:var(--font-display);padding-top:.05em;padding-right:.08em;font-size:4em;line-height:.82}.article a{color:var(--ink);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:3px}.article a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.article blockquote{border-left:2px solid var(--rule);font-family:var(--font-display);color:var(--muted);margin:1.8em 0;padding-left:1.2em;font-style:italic}.article code{font-family:var(--font-mono);background:var(--rule);padding:.1em .35em;font-size:.88em}.article pre{background:var(--rule);padding:1em 1.2em;overflow-x:auto}.article pre code{background:0 0;padding:0}.article img{max-width:100%;height:auto;display:block}.article figure{margin:2em 0}.article figcaption{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;margin-top:.5em;font-size:.75rem}.article hr{border:none;border-top:1px solid var(--rule);margin:2.5em 0}.article table{border-collapse:collapse;width:100%;margin:1.8em 0}.article th,.article td{border:1px solid var(--rule);text-align:left;padding:.5em .75em}.article .info-box{border:1px solid var(--rule);margin:1.8em 0;padding:1em 1.2em}.article .info-box .title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:.5em;margin-bottom:.5em;font-size:.75rem;display:flex}.article .info-box .icon{background:var(--accent);flex:none;width:.6em;height:.6em}.article .info-box .content{color:var(--ink)}.article .info-box .content p{margin:.4em 0}.article .project42-row h2{border-top:none;margin-top:0;padding-top:0}.article .project42-row video{width:100%;height:auto;display:block}.article .project42-row .tags{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:1em;font-size:.7rem;display:block}.gist-embed{border:none;width:100%;height:20rem;margin:1.5em 0;display:block}