/* A quiet reading column, using the landing page's type, colour and grain. */
body::before{background-image:url('/media/grain.svg')}
.site-header nav a[aria-current="page"]{color:var(--purple-text)}
.blog-main{width:min(680px,calc(100% - 64px));margin:56px auto 100px;min-height:50vh}
.blog-heading h1,.post-header h1{font-size:clamp(38px,5vw,56px);font-weight:550;letter-spacing:-1.8px;line-height:1.08;text-wrap:balance}
.blog-heading>p{max-width:520px;color:var(--muted);font-size:19px;line-height:1.6;margin-top:22px}
.post-list{list-style:none;margin:56px 0 0;padding:0}
.post-list li{padding:28px 0}
.post-list h2{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:12px 0}
.post-list h2 a{text-decoration:none}
.post-list p{color:var(--muted);font-size:17px;line-height:1.6;max-width:590px}
.post-meta{color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:10px 22px}
.blog-empty{margin-top:56px;padding-top:28px}
.blog-empty h2{font-size:26px;letter-spacing:-.5px;line-height:1.3;font-weight:500;margin-bottom:14px}
.blog-empty p{color:var(--muted);margin-bottom:20px}
.article-back{display:inline-block;font-size:14px;color:var(--muted);margin-bottom:30px}
.post-header .post-deck{font-size:21px;line-height:1.55;color:var(--muted);margin-top:22px}
.article-body{margin-top:44px;font-size:18px;line-height:1.8;overflow-wrap:break-word}
.article-body p{margin:0 0 24px}
.article-body h2{font-size:29px;font-weight:520;letter-spacing:-.7px;line-height:1.25;margin:48px 0 20px}
.article-body h3{font-size:23px;font-weight:520;margin:32px 0 16px}
.article-body ul,.article-body ol{padding-left:24px;margin:0 0 24px}
.article-body img{display:block;height:auto;border-radius:8px;margin:28px auto}
.article-body blockquote{margin:28px 0;padding-left:22px;color:var(--muted)}
.article-body pre{overflow-x:auto;padding:16px;background:var(--surface);border-radius:8px;font-size:14px}
.article-body table{display:block;overflow-x:auto;font-size:16px}
.article-body td,.article-body th{padding:8px;text-align:left}
.article-cta{text-align:center;margin-top:40px}
.article-body .article-cta{margin:36px 0}
.article-author{margin-top:24px;font-size:15px;color:var(--muted)}
.article-author a{color:var(--ink)}
.article-author a:hover,.article-author a:focus-visible{color:var(--purple-text)}
@media(max-width:680px){.blog-main{width:calc(100% - 40px);margin-top:32px;margin-bottom:64px}.blog-heading h1,.post-header h1{font-size:39px;letter-spacing:-1.2px}.post-header .post-deck{font-size:19px}.article-body{font-size:17px;line-height:1.75;margin-top:32px}.article-body h2{font-size:26px;margin-top:38px}.post-list h2{font-size:27px}.blog-heading>p{font-size:18px}.post-meta{font-size:13px}}

.site-footer{border-top:1px solid var(--line);padding-top:28px}