.blog-container{max-width:48rem;width:100%;margin:0 auto;padding:2rem 1.5rem}.blog-header{margin-bottom:3rem;padding-top:2rem}.blog-header h1{font-family:Syne,sans-serif;font-size:2.5rem;font-weight:700;color:var(--fg);margin-bottom:.5rem}.blog-header p{color:var(--fg-muted);font-size:1rem;line-height:1.6}.blog-list{display:flex;flex-direction:column;gap:1.5rem}.blog-card{display:block;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.blog-card:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.blog-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;color:var(--fg-muted)}.blog-card-date{color:var(--accent);font-weight:500}.blog-card h2{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:600;color:var(--fg);margin-bottom:.5rem;line-height:1.4}.blog-card p{color:var(--fg-muted);font-size:.875rem;line-height:1.6}.blog-empty{text-align:center;padding:4rem 2rem;color:var(--fg-muted);font-size:1.125rem}.blog-post{padding-top:2rem}.blog-post-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-muted);font-size:.875rem;text-decoration:none;margin-bottom:2rem;transition:color .2s}.blog-post-back:hover{color:var(--accent)}.blog-post-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.blog-post-header h1{font-family:Syne,sans-serif;font-size:2rem;font-weight:700;color:var(--fg);line-height:1.3;margin-bottom:1rem}.blog-post-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--fg-muted)}.blog-post-meta .date{color:var(--accent);font-weight:500}.blog-content{line-height:1.8;font-size:1rem;color:var(--fg)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:Syne,sans-serif;font-weight:600;color:var(--fg);margin-top:2rem;margin-bottom:1rem;line-height:1.3}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content p{margin-bottom:1.25rem;color:var(--fg);opacity:.9}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.blog-content a:hover{opacity:.8}.blog-content ol,.blog-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem;opacity:.9}.blog-content code{background:var(--bg-elevated);border:1px solid var(--border);padding:.15rem .4rem;border-radius:.25rem;font-size:.875em;color:var(--accent)}.blog-content pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.blog-content pre code{background:none;border:none;padding:0;color:var(--fg)}.blog-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1.5rem 0;color:var(--fg-muted);font-style:italic}.blog-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.blog-content strong{color:var(--fg);font-weight:600}.blog-content em{color:var(--fg-muted)}@media (max-width:640px){.blog-header h1{font-size:2rem}.blog-post-header h1{font-size:1.5rem}}