/* blog.css - Blog listing page styles */

main{max-width:800px;margin:0 auto;padding:8rem 2rem 4rem}
.blog-header{margin-bottom:2rem}
.blog-header h1{font-size:2.5rem;margin-bottom:.5rem}
.blog-header p{color:var(--text-secondary);font-size:1.05rem}
.tag-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.tag-filter{background:var(--secondary-dark);border:1px solid var(--border-color);color:var(--text-secondary);padding:.35rem .9rem;border-radius:20px;font-family:'JetBrains Mono',monospace;font-size:.78rem;cursor:pointer;transition:all .3s}
.tag-filter:hover,.tag-filter.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(100,255,218,.08)}
.tag-filter.show-all{border-style:dashed;font-size:.72rem}
.post-list{display:flex;flex-direction:column;gap:1.5rem}
.post-card{background:var(--secondary-dark);border:1px solid var(--border-color);border-radius:4px;transition:all .3s;overflow:hidden}
.post-card:hover{border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 8px 30px rgba(100,255,218,.08)}
.post-card a{text-decoration:none;color:inherit;display:block;padding:2rem}
.post-card-img{width:100%;height:200px;object-fit:cover;display:block;border-radius:3px 3px 0 0}
.post-card.has-img a{padding:0}
.post-card.has-img .post-inner{padding:1.5rem 2rem 2rem}
.post-meta{display:flex;gap:.8rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}
.post-date{color:var(--accent-cyan);font-family:'JetBrains Mono',monospace;font-size:.8rem}
.post-tag{color:var(--text-secondary);font-size:.72rem;font-family:'JetBrains Mono',monospace;background:var(--primary-dark);padding:.2rem .6rem;border-radius:3px}
.post-read-time{color:var(--text-secondary);font-size:.72rem;font-family:'JetBrains Mono',monospace}
.post-card h2{font-size:1.4rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}
.post-card .excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.7}
.post-read{color:var(--accent-cyan);font-size:.85rem;font-family:'JetBrains Mono',monospace;margin-top:.8rem;display:inline-block}
.no-posts{color:var(--text-secondary);text-align:center;padding:4rem 0;font-size:1.1rem}
.post-card[hidden]{display:none}
.load-more-wrap{text-align:center;margin-top:2rem}
.load-more-btn{background:0 0;border:2px solid var(--accent-cyan);color:var(--accent-cyan);padding:.7rem 2rem;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:.85rem;cursor:pointer;transition:all .3s}
.load-more-btn:hover{background:var(--accent-cyan);color:var(--primary-dark)}

@media(max-width:768px){main{padding:6rem 1.5rem 3rem}.blog-header h1{font-size:2rem}}