.blog{width:min(704px,100% - 48px);margin:0 auto;padding:48px 0 80px;line-height:1.7}.blog h1{margin:0 0 24px;font-size:36px;line-height:1.2}.blog time{margin-bottom:32px;font-size:14px;display:block}.blog img{border-radius:8px;max-width:100%;height:auto}.blog-list{gap:40px;padding:0;list-style:none;display:grid}.blog-list a{gap:8px;text-decoration:none;display:grid}.blog-list h2{margin:8px 0 0;font-size:24px}.blog-list p{color:var(--ink);margin:0}.blog-cover{margin:0 0 32px}.blog-body h2{margin:40px 0 16px;font-size:28px}.blog-body h3{margin:32px 0 8px;font-size:24px}.blog-body p,.blog-body ul,.blog-body ol,.blog-body table,.blog-body figure{margin:0 0 24px}.blog-body ul,.blog-body ol{padding-left:24px}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body a{text-underline-offset:4px;text-decoration:underline}.blog-body blockquote{background:var(--surface);border-radius:8px;margin:0 0 24px;padding:24px}.blog-body code{font-family:ui-monospace,monospace;font-size:.9em}.blog-body pre{background:var(--surface);border-radius:8px;padding:24px;overflow-x:auto}.blog-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.blog-body th,.blog-body td{border-bottom:1px solid var(--ink);text-align:left;padding:8px}.blog-body figcaption{margin-top:8px;font-size:14px}