:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", Menlo, Monaco, "Courier New", monospace;--font-serif:Georgia, "Times New Roman", serif;--color-primary:#1f2b61;--color-secondary:#1d2088;--color-accent:#3b82f6;--color-text:#1f2937;--color-text-light:#6b7280;--color-bg:#fff;--color-bg-alt:#f9fafb;--color-border:#e5e7eb;--color-code-bg:#f3f4f6;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.content-container{max-width:65ch;padding:0 var(--space-lg);box-sizing:border-box;width:100%;margin:0 auto}.blog-index{padding:var(--space-3xl) 0}.blog-index-header{margin-bottom:var(--space-2xl);text-align:center}.blog-index-title{font-size:var(--text-4xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700;line-height:1.1}.blog-index-description{font-size:var(--text-lg);color:var(--color-text-light);max-width:600px;margin:0 auto}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.blog-card{background-color:var(--color-bg);border-radius:8px;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.blog-card-image{aspect-ratio:16/9;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--space-lg);flex-direction:column;flex-grow:1;display:flex}.blog-card-meta{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-text-light);display:flex}.blog-card-title{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700;line-height:1.3}.blog-card-excerpt{color:var(--color-text-light);margin-bottom:var(--space-lg);line-height:1.6}.blog-card-footer{margin-top:auto}.read-more{color:var(--color-accent);align-items:center;gap:var(--space-xs);font-weight:600;transition:color .2s;display:inline-flex}.read-more:hover{color:var(--color-primary)}.read-more svg{width:1em;height:1em}.featured-post{gap:var(--space-xl);margin-bottom:var(--space-2xl);background-color:var(--color-bg-alt);padding:var(--space-xl);border-radius:12px;grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}.featured-post-image{border-radius:8px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.featured-post-content{gap:var(--space-md);flex-direction:column;display:flex}.featured-post-badge{color:var(--color-accent);font-weight:600;font-size:var(--text-sm);padding:var(--space-xs) var(--space-md);background-color:#3b82f61a;border-radius:9999px;display:inline-block}.featured-post-title{font-size:var(--text-3xl);color:var(--color-text);font-weight:700;line-height:1.2}.featured-post-excerpt{font-size:var(--text-md);color:var(--color-text-light);line-height:1.6}.blog-post{padding:var(--space-2xl) 0 var(--space-3xl)}.blog-header{margin-bottom:var(--space-2xl)}.blog-title{font-size:var(--text-4xl);margin-bottom:var(--space-lg);color:var(--color-text);font-weight:800;line-height:1.1}.blog-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-light);display:flex}.blog-author,.blog-date{align-items:center;gap:var(--space-xs);display:flex}.blog-tags{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.blog-tag{background-color:var(--color-bg-alt);color:var(--color-text-light);font-size:var(--text-xs);padding:var(--space-2xs) var(--space-sm);border-radius:9999px;transition:background-color .2s,color .2s}.blog-tag:hover{background-color:var(--color-accent);color:#fff}.blog-hero-image{margin-bottom:var(--space-2xl);border-radius:8px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.blog-hero-image img{width:100%;height:auto;display:block}.blog-content{font-size:var(--text-md);color:var(--color-text);line-height:1.7}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700;line-height:1.2}.blog-content h2{font-size:var(--text-2xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.blog-content h3{font-size:var(--text-xl)}.blog-content h4{font-size:var(--text-lg)}.blog-content p{margin-bottom:var(--space-lg)}.blog-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.blog-content a:hover{color:var(--color-primary)}.blog-content ul,.blog-content ol{margin:var(--space-lg) 0;padding-left:var(--space-xl);list-style-position:outside}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:var(--space-sm);display:list-item}.blog-content ul li::marker{color:var(--color-accent)}.blog-content p+ul,.blog-content p+ol{margin-top:calc(-1 * var(--space-md))}.blog-content ul ul,.blog-content ol ol,.blog-content ul ol,.blog-content ol ul{margin-top:var(--space-xs);margin-bottom:0}.blog-content blockquote{margin:var(--space-xl) 0;padding:var(--space-lg);border-left:4px solid var(--color-accent);background-color:var(--color-bg-alt);color:var(--color-text);border-radius:4px;font-style:italic}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content pre{margin:var(--space-xl) 0;padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);background-color:#1e293b;border-radius:8px;line-height:1.5;overflow-x:auto}.blog-content code{font-family:var(--font-mono);padding:var(--space-2xs) var(--space-xs);background-color:var(--color-code-bg);border-radius:4px;font-size:.9em}.blog-content pre code{color:#e2e8f0;background-color:#0000;padding:0}.blog-content img{max-width:100%;height:auto;margin:var(--space-xl) 0;border-radius:8px}.blog-content hr{margin:var(--space-2xl) 0;background-color:var(--color-border);border:none;height:1px}.blog-content table{width:100%;margin:var(--space-xl) 0;border-collapse:collapse}.blog-content th,.blog-content td{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border)}.blog-content th{background-color:var(--color-bg-alt);text-align:left;font-weight:600}.blog-content tr:nth-child(2n){background-color:var(--color-bg-alt)}.info-box{border-left:4px solid var(--color-accent);padding:var(--space-lg);margin:var(--space-xl) 0;background-color:#3b82f61a;border-radius:4px}.warning-box{padding:var(--space-lg);margin:var(--space-xl) 0;background-color:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:4px}.tip-box{padding:var(--space-lg);margin:var(--space-xl) 0;background-color:#10b9811a;border-left:4px solid #10b981;border-radius:4px}.blog-footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.blog-footer-title{font-size:var(--text-xl);margin-bottom:var(--space-lg);color:var(--color-text);font-weight:700}.blog-nav{margin-bottom:var(--space-xl);justify-content:space-between;display:flex}.blog-nav-link{align-items:center;gap:var(--space-xs);color:var(--color-accent);font-weight:600;text-decoration:none;transition:color .2s;display:flex}.blog-nav-link:hover{color:var(--color-primary)}.blog-nav-link svg{width:1.25em;height:1.25em}.blog-share{align-items:center;gap:var(--space-md);display:flex}.blog-share-title{color:var(--color-text);font-weight:600}.blog-share-links{gap:var(--space-sm);display:flex}.blog-share-link{background-color:var(--color-bg-alt);border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .2s;display:flex}.blog-share-link:hover{background-color:var(--color-accent);transform:translateY(-2px)}.blog-share-link svg{width:18px;height:18px;color:var(--color-text)}.blog-share-link:hover svg{color:#fff}.related-posts{margin-top:var(--space-2xl)}.related-posts-title{font-size:var(--text-xl);margin-bottom:var(--space-lg);color:var(--color-text);font-weight:700}.related-posts-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width<=1024px){.featured-post{grid-template-columns:1fr}.blog-title{font-size:var(--text-3xl)}}@media (width<=768px){.blog-grid{grid-template-columns:1fr}.blog-meta{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.blog-title{font-size:var(--text-2xl)}.blog-nav{gap:var(--space-md);flex-direction:column}.content-container{max-width:100%!important;padding:0 var(--space-md)!important;box-sizing:border-box!important;width:100%!important;margin:0 auto!important}.blog-content,.showcase-content{width:100%!important;max-width:100%!important}.blog-content>*,.showcase-content>*{word-wrap:break-word;max-width:100%!important}}@media (width<=480px){.blog-index-title{font-size:var(--text-3xl)}.featured-post-title{font-size:var(--text-2xl)}.blog-content h2{font-size:var(--text-xl)}.blog-content h3{font-size:var(--text-lg)}.content-container{max-width:100%!important;padding:0 var(--space-sm)!important;box-sizing:border-box!important;width:100%!important;margin:0 auto!important}.blog-content,.showcase-content{width:100%!important;max-width:100%!important;padding:0!important}.blog-content>*,.showcase-content>*{word-wrap:break-word;max-width:100%!important;margin-left:0!important;margin-right:0!important}}