.blog-index{padding-top:4rem;padding-bottom:4rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;margin-top:3rem}.blog-card{background:var(--brand-bg-card);border:1px solid var(--brand-border-glass);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta{font-size:.85rem;color:var(--brand-text-tertiary);margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.category-badge{background:rgba(2,132,199,.1);color:var(--brand-primary);padding:.2rem .6rem;border-radius:12px;font-weight:600;text-transform:uppercase;font-size:.75rem}.tag-badge{background:var(--brand-bg-surface);color:var(--brand-text-secondary);padding:.3rem .7rem;border-radius:4px;text-decoration:none;font-size:.85rem;margin-right:.5rem;border:1px solid var(--brand-border-glass)}.tag-badge:hover{background:var(--brand-primary-muted);color:var(--brand-primary);border-color:var(--brand-primary)}.blog-title{font-size:1.35rem;line-height:1.3;margin-top:0;margin-bottom:.75rem}.blog-title a{color:var(--brand-text-primary);text-decoration:none}.blog-title a:hover{color:var(--brand-primary)}.blog-excerpt{color:var(--brand-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;border-top:1px solid var(--brand-border-glass);padding-top:1rem;margin-top:auto}.read-more{color:var(--brand-primary);text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--brand-border-glass)}.blog-single{padding-top:4rem;padding-bottom:6rem}.blog-single-header{margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.blog-single-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-bottom:1rem;color:var(--brand-text-primary)}.blog-layout{display:flex;gap:3rem;align-items:flex-start}.blog-sidebar{flex:0 0 250px}@media (max-width: 900px){.blog-sidebar{display:none}}.toc-container{position:sticky;top:100px;background:var(--brand-bg-card);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--brand-border-glass)}.toc-container h3{margin-top:0;font-size:1rem;margin-bottom:1rem;color:var(--brand-text-primary)}.toc-list,.toc-sublist{list-style:none;padding-left:0;margin:0}.toc-sublist{padding-left:1rem;margin-top:.25rem;margin-bottom:.5rem}.toc-list li{margin-bottom:.5rem}.toc-list a{color:var(--brand-text-secondary);text-decoration:none;font-size:.9rem;display:block;transition:color .2s}.toc-list a:hover{color:var(--brand-primary)}.blog-content{flex:1;max-width:75ch;}.blog-content img{max-width:100%;border-radius:var(--radius-md);margin:2rem 0}.blog-content pre{padding:1.25rem;border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--brand-border-glass);margin:1.5rem 0}