.blog-intro{padding-bottom:48px}.blog-intro h1{max-width:720px}.blog-intro h1 span{color:var(--muted)}.blog-layout{grid-template-columns:minmax(0,8fr) minmax(200px,3fr);gap:96px;padding-bottom:32px;display:grid}.writing-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.writing-toolbar h2{letter-spacing:-.025em;font-size:21px}.search-field{border-bottom:1px solid var(--rule);align-items:center;gap:8px;display:flex}.search-field input{color:var(--ink);background:0 0;border:none;border-radius:0;width:180px;min-width:0;padding:8px 0;font-size:14px}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field button{background:0 0;border:0;padding:8px 0 8px 8px;font-size:12px;text-decoration:underline}.search-field:focus-within{border-color:var(--rust)}.blog-list .article-row{grid-template-columns:minmax(0,1fr) 24px;row-gap:12px}.blog-list .article-row>.mono{grid-column:1;padding-top:0}.blog-list .article-row>div{grid-column:1}.blog-list .article-row>.row-arrow{grid-area:2/2}.blog-list h3{letter-spacing:-.035em;font-size:28px}.blog-list p{max-width:53ch}.blog-aside{padding-top:8px}.author-stamp{object-fit:contain;width:64px;height:68px;margin-bottom:24px}.blog-aside h2{letter-spacing:-.025em;margin-bottom:12px;font-size:21px}.blog-aside p{color:var(--muted);font-size:15px}.blog-aside .text-link{margin-top:20px;font-size:14px}.aside-links{border-top:1px solid var(--rule);gap:12px;margin-top:32px;padding-top:24px;display:grid}.aside-links a{font-size:14px}.archive{margin-top:48px}.archive h2{margin-bottom:12px;font-size:24px}.archive>p{color:var(--muted);font-size:15px}.archive-link{border-top:1px solid var(--rule);justify-content:space-between;gap:20px;margin-top:24px;padding-top:20px;text-decoration:none;display:flex}.archive-link .mono{color:var(--muted)}.empty-search{border-top:1px solid var(--rule);padding:32px 0}.empty-search p{color:var(--muted);margin-top:8px}.reading{max-width:720px;margin-inline:auto;padding-bottom:32px}.article-header{border-bottom:1px solid var(--rule);margin-top:48px;padding-bottom:36px}.article-header .mono{color:var(--muted);margin-bottom:24px}.article-header h1{font-size:clamp(40px,4.6vw,60px)}.article-header .dek{color:var(--muted);margin-top:24px;font-size:21px;line-height:1.5}.article-byline{align-items:center;gap:12px;margin-top:28px;font-size:14px;display:flex}.article-byline img{object-fit:contain;width:32px;height:34px}.article-preview{margin-top:32px}.prose{overflow-wrap:break-word;padding-top:32px;font-size:18px;line-height:1.8}.prose>*+*{margin-top:24px}.prose>h2{margin-top:48px;font-size:30px;line-height:1.3}.prose>h3{margin-top:32px;font-size:24px}.prose>h2+p,.prose>h3+p{margin-top:16px}.prose p{max-width:68ch}.prose blockquote{border-left:2px solid var(--rust);color:var(--muted);margin:32px 0;padding:4px 0 4px 24px}.prose blockquote p+p{margin-top:12px;font-size:14px}.prose img{border-radius:6px;width:100%;height:auto;margin-block:32px}.prose pre{border:1px solid var(--rule);font:14px/1.7 var(--mono);border-radius:6px;padding:24px;overflow-x:auto}.prose :not(pre)>code{font:.85em var(--mono);background:var(--mat);padding:3px 5px}.prose li+li{margin-top:8px}.article-end{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;display:flex}.article-end a{font-size:14px}.article-next{border-top:1px solid var(--rule);margin-top:48px;padding-top:24px}.article-next p{color:var(--muted);margin-bottom:12px}.article-next a{font-size:24px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=1023px){.blog-layout{gap:48px}}@media (width<=767px){.blog-layout{grid-template-columns:1fr;gap:48px}.blog-intro{padding-bottom:40px}.writing-toolbar{flex-wrap:wrap;gap:16px}.search-field input{width:155px}.blog-list h3{font-size:24px}.blog-aside{border-top:1px solid var(--rule);padding-top:24px}.blog-aside .author-stamp{float:right;margin-left:24px}.blog-aside p{max-width:48ch}.article-header{margin-top:32px}.article-header .dek{font-size:19px}.prose{font-size:17px;line-height:1.8}.prose>h2{font-size:27px}}