.blog-main{padding-top:100px;min-height:100vh}.breadcrumbs{padding:1rem 0;margin-bottom:1rem}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--color-mid-dark)}.breadcrumbs a{color:var(--color-brand);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span[aria-current]{color:var(--color-mid-dark)}.blog-listing{padding:2rem 0 4rem}.blog-listing .section-header{margin-bottom:3rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-empty{text-align:center;padding:4rem 0;color:var(--color-mid-dark);font-size:1.125rem}.blog-card{padding:0;overflow:hidden}.blog-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card-image{overflow:hidden;border-radius:var(--radius-medium) var(--radius-medium) 0 0}.blog-card-image img{width:100%;height:200px;object-fit:cover;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-card-title{font-size:1.25rem;font-weight:500;margin-bottom:.75rem;color:var(--text-color);line-height:1.3}.blog-card-meta{margin-top:auto;padding-top:1rem;font-size:.875rem;color:var(--color-mid-dark)}.blog-post{padding:1rem 0 4rem}.blog-post-header{max-width:800px;margin:0 auto 2rem}.blog-categories{display:flex;gap:.5rem;margin-bottom:1rem}.blog-post-header h1{font-size:2.5rem;font-weight:500;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.blog-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-mid-x-light)}[data-theme=dark] .blog-meta{border-color:#ffffff1a}.blog-author{display:flex;align-items:center;gap:.75rem}.blog-author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.blog-author-name{display:block;font-weight:500;color:var(--text-color)}.blog-author-role{display:block;font-size:.875rem;color:var(--color-mid-dark)}.blog-meta-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-mid-dark)}.blog-meta-separator{color:var(--color-mid-dark)}.blog-featured-image{border-radius:var(--radius-medium);overflow:hidden;margin-bottom:2rem}.blog-featured-image img{width:100%;height:auto;display:block}.blog-post-body{max-width:800px;margin:0 auto}.blog-content{font-size:1.1rem;line-height:1.8;color:var(--text-color)}.blog-content h2{font-size:1.75rem;font-weight:500;margin-top:2.5rem;margin-bottom:1rem}.blog-content h3{font-size:1.4rem;font-weight:500;margin-top:2rem;margin-bottom:.75rem}.blog-content h4{font-size:1.2rem;font-weight:500;margin-top:1.5rem;margin-bottom:.5rem}.blog-content p{margin-bottom:1.5rem}.blog-content a{color:var(--color-brand);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-content a:hover{border-bottom-color:var(--color-brand)}.blog-content blockquote{font-size:1.25rem;font-weight:500;padding:1.5rem 2rem;margin:2rem 0;background:var(--light-bg);border-left:4px solid var(--color-brand);border-radius:0 var(--radius-medium) var(--radius-medium) 0}[data-theme=dark] .blog-content blockquote{background:#ffffff0d}.blog-content pre{background:var(--color-dark);color:#f0f0f0;padding:1.5rem;border-radius:var(--radius-medium);overflow-x:auto;margin:1.5rem 0;font-size:.9rem;line-height:1.6}.blog-content code{font-family:Ubuntu Mono,monospace}.blog-content p code{background:var(--light-bg);padding:.15rem .4rem;border-radius:var(--radius-small);font-size:.9em}[data-theme=dark] .blog-content p code{background:#ffffff1a}.blog-content .feature-list{margin:1.5rem 0}.blog-content .feature-list li{padding:.4rem 0}.blog-image{margin:2rem 0;border-radius:var(--radius-medium);overflow:hidden}.blog-image img{width:100%;height:auto;display:block}.blog-image figcaption{text-align:center;padding:.75rem;font-size:.875rem;color:var(--color-mid-dark);font-style:italic}.blog-tags{max-width:800px;margin:2rem auto;padding-top:2rem;border-top:1px solid var(--color-mid-x-light)}[data-theme=dark] .blog-tags{border-color:#ffffff1a}.blog-post-cta{max-width:800px;margin:3rem auto}.related-posts{max-width:100%;margin:3rem 0;padding-top:3rem;border-top:1px solid var(--color-mid-x-light)}[data-theme=dark] .related-posts{border-color:#ffffff1a}.related-posts h2{font-size:1.75rem;font-weight:500;margin-bottom:2rem;text-align:center}.table-of-contents{background:var(--card-bg);border:1px solid var(--color-mid-x-light);border-radius:var(--radius-medium);padding:1.5rem;margin-bottom:2rem}[data-theme=dark] .table-of-contents{border-color:#ffffff1a}.table-of-contents h3{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;color:var(--color-brand)}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents li{padding:.35rem 0}.table-of-contents li.toc-sub{padding-left:1.25rem}.table-of-contents a{color:var(--text-color);text-decoration:none;font-size:.95rem;transition:color .2s}.table-of-contents a:hover{color:var(--color-brand)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-post-header h1{font-size:2rem}.blog-content{font-size:1rem}.blog-meta{flex-direction:column;align-items:flex-start}}