:root{color:#f3efe8;font-synthesis:none;background:#1d1c1b;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit}.site{color:#1d1c1b;background:#f4f1eb;min-height:100vh;transition:background .25s,color .25s}.site.dark{color:#f3efe8;background:#1d1c1b}.header,main{width:min(590px,100% - 40px);margin:0 auto}.header{justify-content:space-between;align-items:center;padding-top:20px;display:flex}.name{letter-spacing:-.035em;font-size:29px;font-weight:700;line-height:1.15;text-decoration:none}.theme-toggle{cursor:pointer;background:#f3efe8;border:0;border-radius:999px;width:38px;height:20px;padding:0;position:relative}.toggle-knob{background:#1d1c1b;border-radius:50%;width:16px;height:16px;transition:right .2s,left .2s;position:absolute;top:2px;right:2px}.site:not(.dark) .theme-toggle{background:#1d1c1b}.site:not(.dark) .toggle-knob{background:#f3efe8;left:2px;right:auto}main{letter-spacing:-.025em;padding:38px 0 80px;font-size:20px;line-height:1.43}main p{margin:0 0 25px}.blog{margin-top:27px}.blog h2{margin:0 0 22px;font-size:24px;line-height:1.2}.blog h2 a{text-underline-offset:3px;text-decoration:underline}.coming-soon{margin:0}.work-link{text-underline-offset:3px;margin-top:2px;font-size:24px;line-height:1.2;text-decoration:underline;display:inline-block}.github-corner{text-underline-offset:3px;font-size:16px;text-decoration:underline;position:fixed;bottom:24px;right:28px}.work-page h1{margin:0 0 25px;font-size:29px;line-height:1.15}.work-page ul{margin:0;padding-left:20px}.work-page li{margin-bottom:25px;padding-left:4px}.work-page h2{margin:45px 0 25px;font-size:24px;line-height:1.2}.work-links{margin-top:0}.work-links a{text-underline-offset:3px}.work-links span{color:inherit}.article-page h1{letter-spacing:-.045em;margin:0 0 36px;font-size:36px;line-height:1.08}.article-kicker{color:#77736d;margin-bottom:12px;font-size:16px}.article-page p{margin-bottom:25px}.article-sources{color:#77736d;margin-top:42px;font-size:14px}.article-sources a{text-underline-offset:3px}@media (width<=650px){.header,main{width:calc(100% - 40px)}.name{font-size:25px}main{padding-top:35px;font-size:18px;line-height:1.48}.github-corner{font-size:15px;bottom:18px;right:20px}}