.blog{max-width:896px;padding-block:56px 24px}.blog h1{margin-top:24px}.blog-list{gap:32px;margin-block:48px;padding:0;list-style:none;display:grid}.blog-list li{background:var(--surface);border-radius:var(--radius);padding:32px}.blog-list a{color:var(--ink);text-decoration:none;display:block}.blog-list h2{margin-top:16px;font-size:28px}.blog-list time,.blog-article time{color:var(--secondary);font-size:14px}.blog-list p{margin-bottom:16px}.blog img{border-radius:var(--radius);width:100%;height:auto}.blog-article{margin-top:32px}.blog-cover{margin-block:32px}.blog-body{margin-top:40px}.blog-body h2{margin-top:48px;font-size:28px}.blog-body h3{margin-top:32px}.blog-body a{color:var(--primary)}.blog-body blockquote{background:var(--surface);border-radius:var(--radius);margin:24px 0;padding:24px}.blog-body pre{background:var(--surface);padding:24px;overflow-x:auto}.blog-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.blog-body td,.blog-body th{border:1px solid var(--ink);padding:16px}.blog-body figure{margin:32px 0}.blog-body figcaption{color:var(--secondary);font-size:14px}@media (max-width:700px){.blog{padding-top:32px}.blog-list li{padding:24px}}