/* Blog pages wear /docs/docs.css; this file adds only what a post needs. */
.blog-layout h1{max-width:820px}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin:0 0 18px}
.blog-meta time{color:var(--ink)}
.blog-index{grid-template-columns:minmax(0,820px);justify-content:center}
.blog-list{list-style:none;padding:0;margin:40px 0 60px}
.blog-list li{padding:0;margin:0;border-top:1px solid var(--line)}
.blog-list article{padding:32px 0}
.blog-list h2{font-size:26px;margin:8px 0 12px}
.blog-list h2 a{color:var(--ink);text-decoration:none}
.blog-list h2 a:hover{color:var(--blue)}
.blog-list article>p{color:var(--muted);margin:0}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px!important}
.blog-tags span{font-size:12px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.blog-more{border-top:1px solid var(--line);padding-top:28px;margin-top:50px;display:grid;gap:14px}
.blog-more p{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}
.blog-more a{display:block;text-decoration:none;color:var(--ink);padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.blog-more a:hover{border-color:var(--blue)}
.blog-more strong{display:block;font-size:15px;font-weight:600}
.blog-more span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
article table td:first-child{min-width:120px}
@media(max-width:760px){.blog-list h2{font-size:22px}.blog-list article{padding:24px 0}}