.blog-section{min-height:calc(100vh - 400px);padding:4rem 0}.blog-intro{text-align:center;max-width:720px;margin:0 auto 3.5rem;font-size:1.125rem;line-height:1.7;color:var(--text-muted)}.blog-table-container{max-width:1100px;margin:0 auto;padding:0 2rem}.blog-table{width:100%;border-collapse:separate;border-spacing:0 .75rem;background-color:initial}.blog-table thead{display:none}.blog-table tbody tr{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;display:grid;grid-template-columns:140px 1fr;gap:1.5rem;padding:1.5rem 1.75rem;align-items:start}.blog-table tbody tr:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--hover-shadow)}.blog-table td{padding:0;border:none}.blog-table td.blog-date{font-size:.875rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;padding-top:.25rem}.blog-title{text-align:start}.blog-title a{color:var(--text-color);text-decoration:none;font-size:1.1875rem;font-weight:600;letter-spacing:-.015em;transition:color .2s ease;display:block;margin-bottom:.5rem}.blog-title a:hover{color:var(--accent-color)}.blog-description{color:var(--text-muted);font-size:.9375rem;line-height:1.6;display:block}.blog-table tbody tr td.blog-description{grid-column:2;margin-top:-.5rem}.blog-post{padding:4rem 0;min-height:calc(100vh - 400px)}.blog-post-header{text-align:center;margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-color);max-width:800px;margin-left:auto;margin-right:auto}.blog-post-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-color);margin-bottom:1.25rem;line-height:1.15;letter-spacing:-.03em}.blog-post-meta{display:flex;justify-content:center;gap:1.5rem;color:var(--text-muted);font-size:.875rem;letter-spacing:.02em;text-transform:uppercase;font-weight:500}.blog-post-content{max-width:720px;margin:0 auto;font-size:1.0625rem;line-height:1.8;color:var(--text-color)}.blog-post-lead{font-size:1.1875rem;font-weight:400;color:var(--text-color);margin-bottom:2.5rem;padding:1.5rem 1.75rem;background-color:var(--feature-bg);border-radius:12px;border-left:3px solid var(--accent-color);line-height:1.65}.blog-post-image-container{position:relative;margin:2.5rem 0;cursor:pointer;overflow:hidden;border-radius:12px;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-post-image{width:100%;height:auto;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.blog-post-image-container:hover .blog-post-image{transform:scale(1.02)}.blog-post-image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));color:#fff;padding:1.5rem 1rem 1rem;font-size:.875rem;text-align:center;font-weight:500}.blog-post-image-container.expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92vw;height:auto;max-width:1200px;z-index:1000;box-shadow:0 30px 80px rgba(0,0,0,.6)}.blog-post-image-container.expanded .blog-post-image{transform:scale(1)}.blog-post-image-container.expanded::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:-1}.code-snippet-container{margin:2rem 0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background-color:var(--card-bg)}.code-snippet-toggle{width:100%;padding:1rem 1.25rem;background-color:var(--feature-bg);border:none;text-align:left;cursor:pointer;font-size:.9375rem;font-weight:600;font-family:inherit;color:var(--text-color);display:flex;align-items:center;gap:.625rem;transition:background-color .2s ease;letter-spacing:-.01em}.code-snippet-toggle:hover{background-color:var(--card-bg);color:var(--accent-color)}.toggle-icon{transition:transform .25s cubic-bezier(.16,1,.3,1)}.code-snippet-container.expanded .toggle-icon{transform:rotate(90deg)}.code-snippet-content{display:none;padding:0}.code-snippet-container.expanded .code-snippet-content{display:block}.code-snippet-content pre{margin:0;padding:1.5rem;overflow-x:auto;background-color:#0d0d13;border-top:1px solid var(--border-color)}.code-snippet-content code{font-family:jetbrains mono,fira code,consolas,monaco,monospace;font-size:.875rem;color:#e5e5ed;line-height:1.65;font-feature-settings:"liga" 0}.blog-post-table-container{margin:2.5rem 0;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.blog-post-table{width:100%;border-collapse:collapse;background-color:var(--card-bg)}.blog-post-table th,.blog-post-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--border-color)}.blog-post-table th{background-color:var(--feature-bg);font-weight:600;color:var(--text-color);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.blog-post-table td{color:var(--text-muted);font-size:.9375rem}.blog-post-table tr:last-child td{border-bottom:none}.blog-post-callout{margin:2.5rem 0;padding:1.5rem 1.75rem;background-color:var(--feature-bg);border-radius:12px;border-left:3px solid var(--accent-color)}.blog-post-callout h4{margin-top:0;margin-bottom:.5rem;color:var(--text-color);font-size:1.0625rem;font-weight:600;letter-spacing:-.015em}.blog-post-callout p{margin-bottom:0;color:var(--text-muted)}.blog-post-callout-success{border-left-color:#34d399;background-color:rgba(52,211,153,6%)}.blog-post-list{margin:1.5rem 0;padding-left:1.5rem}.blog-post-list li{margin-bottom:.625rem;line-height:1.7;color:var(--text-color)}.blog-post-footer{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border-color)}.blog-post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.blog-post-tag{padding:.4rem .875rem;background-color:var(--feature-bg);border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border-color);transition:all .2s ease;letter-spacing:-.005em}.blog-post-tag:hover{background-color:var(--card-bg);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}.blog-post-navigation{display:flex;justify-content:space-between;gap:1.25rem}.blog-post-nav-link{display:inline-flex;align-items:center;padding:.875rem 1.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;text-decoration:none;color:var(--text-color);font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-post-nav-link:hover{border-color:var(--border-strong);color:var(--accent-color);transform:translateX(-3px);background-color:var(--feature-bg)}.blog-post-nav-next:hover{transform:translateX(3px)}@media(max-width:768px){.blog-section{padding:2.5rem 0}.blog-intro{font-size:1rem;margin:0 auto 2rem;padding:0 1rem}.blog-table-container{padding:0 1rem}.blog-table tbody tr{grid-template-columns:1fr;gap:.5rem;padding:1.25rem}.blog-table tbody tr td.blog-description{grid-column:1;margin-top:0}.blog-table td.blog-date{font-size:.8125rem}.blog-title a{font-size:1.0625rem}.blog-description{font-size:.9375rem}.blog-post{padding:2.5rem 0}.blog-post-title{font-size:1.875rem}.blog-post-meta{flex-direction:column;gap:.5rem;font-size:.8125rem}.blog-post-content{padding:0 1rem;font-size:1rem}.blog-post-lead{font-size:1.0625rem;padding:1.25rem}.blog-post-image-container.expanded{width:100vw;border-radius:0}.blog-post-navigation{flex-direction:column}.blog-post-nav-link{width:100%;justify-content:center}}[data-theme=light] .code-snippet-content pre{background-color:#fafafa}[data-theme=light] .code-snippet-content code{color:#1f2937}[data-theme=light] .blog-post-callout-success{background-color:rgba(16,185,129,5%)}