/* Blog pages – built on the same theme variables as style.css */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page-head{padding:40px 0 8px}.page-head h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.blog-search{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.blog-search input{flex:1 1 240px;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid var(--s2);background:var(--s1);color:var(--tx);font:1rem Inter,sans-serif}
.blog-search input:focus{border-color:var(--cy)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{display:inline-block;padding:4px 12px;border-radius:99px;background:var(--s2);color:var(--tx);text-decoration:none;font-size:.85rem}
.chip:hover,.chip.on{background:var(--em);color:var(--onem)}.chip.on .muted{color:inherit}
.posts{margin:24px 0 8px}
.post-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.post-thumb{display:block;aspect-ratio:16/9;background:var(--s2)}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.post-body h3{margin:4px 0 0;font-size:1.15rem}.post-body h3 a{color:var(--tx);text-decoration:none}.post-body h3 a:hover{color:var(--cy)}
.post-body p{margin:0}.post-body .meta{margin-top:auto;padding-top:8px}
.post-body .chip{align-self:flex-start}
.empty{text-align:center;margin:32px 0}
.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0;flex-wrap:wrap}
.post.page{margin:0 auto}.post h1{font-size:clamp(1.9rem,4.5vw,2.8rem)}
.post-hero{width:100%;height:auto;border-radius:var(--r);margin:16px 0 8px;display:block}
.prose{font-size:1.06rem}.prose p,.prose li{max-width:none;color:var(--body)}
.prose h2{margin-top:1.8em;font-size:1.6rem}.prose h3{margin-top:1.5em;font-size:1.25rem}
.prose img,.prose iframe{max-width:100%;border-radius:10px}.prose img{height:auto}
.prose iframe{border:0;aspect-ratio:16/9;width:100%;height:auto}
.prose blockquote{margin:1.4em 0;padding:4px 18px;border-left:4px solid var(--em);background:var(--s1);border-radius:0 10px 10px 0;color:var(--body)}
.prose pre{background:var(--s2);padding:14px;border-radius:10px;overflow:auto}
.prose table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.prose th,.prose td{border:1px solid var(--s2);padding:8px 12px;text-align:left}
.prose figure{margin:1.4em 0}.prose figcaption{font-size:.85rem;color:var(--tx2);text-align:center}
.related{padding-top:8px}
nav a[aria-current="page"]{color:var(--tx);background:var(--s2)}
#latest-posts[hidden]{display:none}