.blog-index{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem}.blog-index-header{text-align:center;margin-bottom:3rem}.blog-index-header h1{font-family:var(--font-poppins),sans-serif!important;color:var(--foreground)!important;letter-spacing:-.025em!important;border:none!important;margin-bottom:.75rem!important;padding:0!important;font-size:2.5rem!important;font-weight:700!important;line-height:1.2!important}.blog-index-header p{color:var(--foreground-subtle);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.blog-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;color:inherit!important;text-decoration:none!important}.dark .blog-card{background:#222}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001a}.blog-card-accent{flex-shrink:0;width:100%;height:4px}.blog-card-body{flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.blog-card-date{color:var(--foreground-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem}.blog-card h2.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-family:var(--font-poppins),sans-serif!important;color:var(--foreground)!important;letter-spacing:-.01em!important;border:none!important;margin:0 0 .75rem!important;padding:0!important;font-size:1.1rem!important;font-weight:600!important;line-height:1.45!important}.blog-card-desc{color:var(--foreground-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-link{margin-top:auto;font-size:.85rem;font-weight:600;transition:opacity .15s}.blog-card:hover .blog-card-link{opacity:.8}.blog-related{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.blog-related-title{font-family:var(--font-poppins),sans-serif!important;color:var(--foreground)!important;border:none!important;margin:0 0 1.25rem!important;padding:0!important;font-size:1.25rem!important;font-weight:600!important}.blog-related-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.blog-related-card{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.35rem;padding:1rem;transition:border-color .15s;display:flex;color:inherit!important;text-decoration:none!important}.blog-related-card:hover{border-color:var(--primary)}.blog-related-date{color:var(--foreground-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.blog-related-link{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-related-grid{grid-template-columns:1fr}}footer>:has(select){display:none!important}.blog-article-meta{color:var(--foreground-subtle);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.88rem;display:flex}.blog-article-meta time{font-weight:500}article{color:var(--foreground-muted);font-size:1.05rem;line-height:1.85}article h1{font-family:var(--font-poppins),sans-serif!important;color:var(--foreground)!important;letter-spacing:-.025em!important;margin-bottom:.75rem!important;font-size:2.25rem!important;font-weight:700!important;line-height:1.2!important}article h2{font-family:var(--font-poppins),sans-serif!important;color:var(--foreground)!important;border-bottom:1px solid var(--border-light)!important;letter-spacing:-.01em!important;margin-top:2.5rem!important;margin-bottom:1rem!important;padding-bottom:.5rem!important;font-size:1.5rem!important;font-weight:600!important}article h3{font-family:var(--font-poppins),sans-serif!important;color:var(--foreground)!important;margin-top:1.75rem!important;margin-bottom:.5rem!important;font-size:1.15rem!important;font-weight:600!important}article h4{font-family:var(--font-poppins),sans-serif!important;color:var(--foreground-muted)!important;font-size:1rem!important;font-weight:600!important}article p{color:var(--foreground-muted);margin-bottom:1.25rem}article>p:first-of-type{color:var(--foreground-subtle);margin-bottom:2rem;font-size:1.15rem;line-height:1.9}article a{font-weight:500!important}article ul,article ol{padding-left:1.5rem}pre:has(code){margin:1.5rem 0!important;transition:box-shadow .2s!important;box-shadow:0 2px 8px #0000000f!important}pre:has(code):hover{box-shadow:0 4px 16px #0000001a!important}article table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:.75rem;width:100%;margin:1.5rem 0;overflow:hidden}article th{background:var(--primary-light)!important;color:var(--foreground)!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid var(--border)!important;padding:.75rem 1rem!important;font-size:.85rem!important;font-weight:600!important}article td{border-bottom:1px solid var(--border-light)!important;padding:.75rem 1rem!important;font-size:.95rem!important}article tr:last-child td{border-bottom:none!important}.nextra-callout,article blockquote{margin:1.5rem 0!important}article hr{border-color:var(--border-light)!important;margin:2.5rem 0!important}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-index-header h1,article h1{font-size:1.75rem!important}article h2{font-size:1.25rem!important}}
