.blog-layout{max-width:1200px;margin:0 auto;padding:0 1rem}.prose{color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.075rem;line-height:1.7}@media (max-width:768px){.prose{font-size:1rem}}.prose h1{color:var(--color-text);margin-top:3rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.prose h2{color:var(--color-text);margin-top:3.5rem;margin-bottom:1.25rem;font-size:2rem;font-weight:600}.prose h3{color:var(--color-text);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.prose p{color:var(--color-text-secondary);margin-bottom:1.6rem}.prose .blog-post-subtitle{color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.55}.prose a{color:var(--color-accent);text-decoration:none;transition:color .2s}.prose a:hover{color:var(--color-accent-hover);text-decoration:underline}.prose ul,.prose ol{color:var(--color-text-secondary);margin-bottom:1.75rem;margin-left:2rem}.prose li{margin-bottom:.6rem}.prose blockquote{border-left:4px solid var(--color-border);color:var(--color-text-muted);background-color:var(--color-surface);border-radius:4px;margin:2.5rem 0;padding:1rem;font-style:italic}.prose code{color:var(--color-text);border:1px solid var(--color-border);background-color:#6e76811f;border-radius:.3rem;padding:.15rem .45rem;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85em}.prose pre{background-color:#0d1117;border:1px solid #ffffff0f;border-radius:.75rem;margin:1.75rem 0;padding:2.75rem 1.5rem 1.25rem;font-size:.875rem;line-height:1.75;position:relative;overflow-x:auto;box-shadow:0 4px 20px #0000004d}.prose pre:before{content:"";background:#ff5f57;border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:.85rem;left:1.1rem;box-shadow:1.1rem 0 #ffbd2e,2.2rem 0 #28c840}.prose pre code{font-size:inherit;color:#c9d1d9;background-color:#0000;border:none;border-radius:0;padding:0;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,Courier New,monospace}.prose pre::-webkit-scrollbar{height:4px}.prose pre::-webkit-scrollbar-track{background:0 0}.prose pre::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.prose img{border:1px solid var(--color-border);border-radius:5px;max-width:100%;height:auto;margin:1.5rem 0}.blog-post-card{border:1px solid var(--color-card-border);background-color:var(--color-card-background);border-radius:8px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.blog-post-card:hover{box-shadow:0 10px 15px -3px var(--color-shadow);border-color:var(--color-accent);transform:translateY(-5px)}.blog-tag{background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:9999px;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s;display:inline-block}.blog-tag:hover{background-color:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.blog-list{gap:2rem;margin-top:2rem;display:grid}.blog-post-preview{border:1px solid var(--color-border);background-color:var(--color-card-background);border-radius:8px;padding:1.5rem;transition:all .2s}.blog-post-preview:hover{border-color:var(--color-accent);box-shadow:0 4px 12px var(--color-shadow)}.blog-post-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.blog-post-title a{color:var(--color-text);text-decoration:none;transition:color .2s}.blog-post-title a:hover{color:var(--color-accent)}.blog-post-excerpt{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.6}.blog-post-meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.blog-post-date,.blog-post-read-time{color:var(--color-text-muted)}