.blog-index-container{max-width:700px}.page-title{letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.page-subtitle{color:var(--muted);margin-bottom:3rem;font-size:1.15rem}.posts-list{flex-direction:column;gap:2rem;display:flex}.post-list-item{background:0 0;border:1px solid #0000;border-radius:12px;padding:1.5rem;transition:all .2s;display:block}.post-list-item:hover{border-color:var(--border);background:#ffffff08}.post-meta{font-family:var(--font-mono);color:var(--muted);margin-bottom:.75rem;font-size:.85rem}.item-title{color:var(--foreground);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.item-excerpt{color:var(--muted);margin-bottom:1.25rem;line-height:1.6}.read-more{color:var(--accent);align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}.article-container{max-width:680px;margin:0 auto}.article-header{margin-bottom:3rem}.article-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.article-meta{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:1rem;font-size:.9rem;display:flex}.article-content{color:var(--foreground);font-size:1.125rem;line-height:1.8}.article-content p{margin-bottom:1.5rem}.article-content h1,.article-content h2,.article-content h3{margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.article-content h2{font-size:1.75rem}.article-content h3{font-size:1.35rem}.article-content a{color:var(--accent);text-underline-offset:4px;-webkit-text-decoration:underline #38bdf866;text-decoration:underline #38bdf866}.article-content a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.article-content strong{color:var(--foreground);font-weight:600}.article-content code{font-family:var(--font-mono);background:var(--border);border-radius:4px;padding:.2em .4em;font-size:.9em}.article-content pre{border:1px solid var(--border);background:#1e1e1e;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.article-content pre code{color:#e5e5e5;background:0 0;padding:0;font-size:.9rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{border-left:4px solid var(--accent);color:var(--muted);margin-bottom:1.5rem;padding-left:1rem;font-style:italic}