.blog-index{max-width:880px;color:var(--text);margin:0 auto;padding:8rem 1.5rem 4rem}.blog-index-header{margin-bottom:3rem}.blog-index-title{color:var(--text);margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.blog-index-subtitle{font-size:var(--fs-lg);color:var(--text-muted);max-width:640px;margin-bottom:1.5rem;line-height:1.6}.blog-categories{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.blog-category-pill{background:var(--primary-soft);color:var(--primary);font-size:var(--fs-xs);border-radius:var(--radius-pill);padding:.35rem .9rem;font-weight:600}.blog-list{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .15s}.blog-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.blog-card-link{color:var(--text);padding:1.5rem 1.75rem;text-decoration:none;display:block}.blog-card-meta{font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.blog-card-category{background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);padding:.15rem .6rem;font-weight:600}.blog-card-title{font-size:var(--fs-xl);color:var(--text);margin:.25rem 0 .5rem;font-weight:700}.blog-card-desc{font-size:var(--fs-md);color:var(--text-muted);margin-bottom:.75rem;line-height:1.55}.blog-card-cta{font-size:var(--fs-md);color:var(--primary);font-weight:600}.blog-post{max-width:720px;color:var(--text);margin:0 auto;padding:7rem 1.5rem 4rem}.blog-breadcrumbs{font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.blog-breadcrumbs a{color:var(--primary);text-decoration:none}.blog-breadcrumbs a:hover{text-decoration:underline}.blog-post-header{margin-bottom:2rem}.blog-post-category{background:var(--primary-soft);color:var(--primary);font-size:var(--fs-xs);border-radius:var(--radius-lg);margin-bottom:1rem;padding:.3rem .85rem;font-weight:600;display:inline-block}.blog-post-title{color:var(--text);margin-bottom:1rem;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;line-height:1.2}.blog-post-description{font-size:var(--fs-lg);color:var(--text-muted);margin-bottom:1rem;line-height:1.55}.blog-post-meta{font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;gap:.5rem;display:flex}.blog-tldr{background:var(--bg-tint);border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin:2rem 0 2.5rem;padding:1.25rem 1.5rem}.blog-tldr strong{color:var(--primary);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem;display:block}.blog-tldr p{font-size:var(--fs-md);color:var(--text);margin:0;line-height:1.6}.blog-content{font-size:var(--fs-base);color:var(--text);line-height:1.75}.blog-section{margin-bottom:1.75rem;padding:0}.blog-section h2{font-size:var(--fs-2xl);color:var(--text);margin:0 0 .6rem;font-weight:700;line-height:1.3}.blog-section p{color:var(--text);margin:0 0 .75rem}.blog-section p a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.blog-section ul{margin:0 0 1rem;padding-left:1.25rem}.blog-section ul li{color:var(--text);margin-bottom:.5rem;line-height:1.7;list-style:outside}.blog-code{color:var(--border);border-radius:var(--radius-md);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--fs-sm);background:#0f0f13;margin:1.5rem 0;padding:1rem 1.25rem;overflow-x:auto}.blog-faq{background:var(--bg-secondary);border-radius:var(--radius-md);margin:3rem 0;padding:2rem}.blog-faq h2{font-size:var(--fs-2xl);color:var(--text);margin-bottom:1.5rem;font-weight:700}.blog-faq dl{margin:0}.blog-faq-item{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.blog-faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.blog-faq dt{color:var(--text);font-weight:700;font-size:var(--fs-base);margin-bottom:.5rem}.blog-faq dd{color:var(--text-muted);line-height:1.65;font-size:var(--fs-md);margin:0}.blog-cta{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;text-align:center;margin:3rem 0;padding:2rem}.blog-cta h2{font-size:var(--fs-2xl);color:#fff;margin-bottom:.75rem;font-weight:700}.blog-cta p{font-size:var(--fs-base);color:#fffffff0;margin-bottom:1.25rem;line-height:1.5}.blog-cta-btn{background:var(--surface);color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:48px;padding:.95rem 2rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.blog-cta-btn:hover{transform:translateY(-2px)}.blog-related{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.blog-related h2{font-size:var(--fs-xl);color:var(--text);margin-bottom:1rem;font-weight:700}.blog-related ul{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.blog-related a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s;display:block}.blog-related a:hover{border-color:var(--primary)}.blog-related-category{font-size:var(--fs-xs);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:600;display:block}.blog-related-title{font-size:var(--fs-md);color:var(--text);font-weight:600}@media (max-width:600px){.blog-index{padding:6rem 1rem 3rem}.blog-post{padding:5.5rem 1rem 3rem}.blog-card-link{padding:1.25rem}.blog-tldr{padding:1rem 1.25rem}.blog-faq{padding:1.25rem}.blog-cta{padding:1.5rem 1.25rem}}
