.blog-main{width:min(720px,calc(100% - 48px));margin:60px auto 100px}
.blog-main h1{font-size:clamp(40px,7vw,66px);line-height:1.08;margin:18px 0 24px;letter-spacing:-.045em}
.blog-meta,.blog-back{font-size:14px;color:var(--muted)}
.blog-back{display:inline-block;margin-bottom:42px;color:var(--blue)}
.blog-intro{font-size:clamp(20px,3vw,25px);line-height:1.5;color:var(--muted);margin-bottom:48px}
.blog-prose{font-size:18px;line-height:1.75;overflow-wrap:anywhere}
.blog-prose p{line-height:inherit;margin-bottom:24px}
.blog-prose h2{font-size:29px;line-height:1.25;letter-spacing:-.025em;margin:48px 0 20px}
.blog-prose blockquote{margin:32px 0;padding:4px 0 4px 24px;border-inline-start:3px solid var(--sky);font-size:22px;line-height:1.55}
.blog-prose blockquote p{margin:0}.blog-prose blockquote p+p{margin-top:20px}
.blog-prose a,.blog-more{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.blog-editor-note{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:48px}
.blog-entry{border-top:1px solid var(--line);padding:32px 0}
.blog-entry h2{font-size:32px;line-height:1.2;margin:12px 0 18px;letter-spacing:-.025em}
.blog-entry h2 a:hover{color:var(--blue)}
.blog-entry>p{color:var(--muted)}
.blog-page header nav>a:first-child{display:inline}
@media(max-width:480px){.blog-main{margin-top:36px}.blog-prose{font-size:17px}.blog-prose blockquote{font-size:20px;padding-inline-start:18px}.blog-back{margin-bottom:30px}.blog-intro{margin-bottom:36px}}

.blog-feed-demo{margin:36px 0 44px;overflow:hidden;padding-bottom:4px}.blog-feed-demo .feed-demo{width:100%;max-width:600px;margin:auto}.blog-feed-demo .demo-caption{font-size:12px;margin-bottom:0;line-height:1.65}