.blog-container{max-width:900px;margin:0 auto}.blog-header{text-align:center;margin-bottom:2.5rem}.blog-header h1{font-size:2.5rem;margin-bottom:.5rem}.blog-header .tagline{color:var(--color-text-light);font-size:1.1rem}.tags-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.tag-btn{padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg);color:var(--color-text-light);font-size:.85rem;cursor:pointer;transition:all .2s ease}.tag-btn:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.tag-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-grid{display:grid;gap:1.5rem}.blog-card{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;padding:1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;transition:all .25s ease;text-decoration:none;color:inherit}.blog-card:hover{border-color:var(--color-secondary);box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.blog-card-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:var(--color-bg-light)}.blog-card-content{display:flex;flex-direction:column;gap:.75rem}.blog-card-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--color-text-light)}.blog-card-date,.blog-card-author{display:flex;align-items:center;gap:.35rem}.blog-card-title{font-size:1.35rem;font-weight:500;color:var(--color-primary);line-height:1.35;margin:0}.blog-card:hover .blog-card-title{color:var(--color-secondary)}.blog-card-excerpt{color:var(--color-text-light);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.blog-card-tag{padding:.25rem .6rem;background:var(--color-bg-light);border:1px solid transparent;border-radius:4px;font-size:.75rem;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.blog-card-tag:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.blog-card-tag.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.blog-card-read-more{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--color-secondary);font-weight:500;margin-top:.5rem}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-btn:hover:not(.disabled){border-color:var(--color-secondary);color:var(--color-secondary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:.5rem;color:var(--color-text-light)}.blog-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-light)}.blog-empty-icon{font-size:3rem;margin-bottom:1rem}[dir=rtl] .blog-card{grid-template-columns:1fr 280px}[dir=rtl] .blog-card-content{order:-1}[dir=rtl] .blog-card-read-more{flex-direction:row-reverse}@media(max-width:768px){.blog-header h1{font-size:1.8rem}.blog-card{grid-template-columns:1fr;gap:1rem;padding:1rem}[dir=rtl] .blog-card{grid-template-columns:1fr}[dir=rtl] .blog-card-content{order:0}.blog-card-image{aspect-ratio:16/9}.blog-card-title{font-size:1.15rem}.blog-card-excerpt{-webkit-line-clamp:2}.tags-filter{gap:.4rem}.tag-btn{padding:.35rem .7rem;font-size:.8rem}}.article-container{max-width:800px;margin:0 auto}.article-header{margin-bottom:2rem}.article-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-light);margin-bottom:1.5rem}.article-breadcrumb a{color:var(--color-text-light)}.article-breadcrumb a:hover{color:var(--color-secondary)}.article-breadcrumb-sep{color:var(--color-border)}.article-title{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.9rem;color:var(--color-text-light);padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.article-meta-item{display:flex;align-items:center;gap:.4rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{padding:.3rem .7rem;background:var(--color-bg-light);border-radius:4px;font-size:.8rem;color:var(--color-text-light);text-decoration:none;transition:all .2s}.article-tag:hover{background:var(--color-primary);color:#fff}.article-featured-image{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin-bottom:2rem}.article-content{font-size:1.05rem;line-height:1.8;color:var(--color-text)}.article-content h2{font-size:1.6rem;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.article-content h3{font-size:1.3rem;margin-top:2rem;margin-bottom:.75rem}.article-content p{margin-bottom:1.25rem}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--color-bg-light);border-left:4px solid var(--color-secondary);border-radius:0 8px 8px 0;font-style:italic;color:var(--color-text-light)}.article-content a{color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px}.article-content a:hover{color:var(--color-primary)}.article-content .highlight-box{padding:1.5rem;background:linear-gradient(135deg,#2e6eaa14,#18345d0d);border-radius:12px;margin:1.5rem 0;border:1px solid rgba(46,110,170,.15)}.article-content .highlight-box h4{margin-bottom:.75rem;color:var(--color-primary)}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.article-share{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.article-share-label{font-weight:500;color:var(--color-text)}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-light);color:var(--color-text-light);font-size:1.1rem;transition:all .2s;text-decoration:none}.share-btn:hover{background:var(--color-primary);color:#fff}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.article-nav-link{padding:1rem;border:1px solid var(--color-border);border-radius:8px;text-decoration:none;transition:all .2s}.article-nav-link:hover{border-color:var(--color-secondary);background:var(--color-bg-light)}.article-nav-link.prev{text-align:left}.article-nav-link.next{text-align:right}.article-nav-label{display:block;font-size:.8rem;color:var(--color-text-light);margin-bottom:.35rem}.article-nav-title{display:block;font-weight:500;color:var(--color-primary)}[dir=rtl] .article-content blockquote{border-left:none;border-right:4px solid var(--color-secondary);border-radius:8px 0 0 8px}[dir=rtl] .article-content ul,[dir=rtl] .article-content ol{padding-left:0;padding-right:1.5rem}[dir=rtl] .article-nav-link.prev{text-align:right}[dir=rtl] .article-nav-link.next{text-align:left}@media(max-width:768px){.article-title{font-size:1.6rem}.article-meta{gap:.75rem}.article-featured-image{aspect-ratio:16/9;border-radius:8px}.article-content{font-size:1rem}.article-content h2{font-size:1.35rem}.article-content h3{font-size:1.15rem}.article-nav{grid-template-columns:1fr}}