:root{--blog-text:#1a1a1a;--blog-muted:#6b7280;--blog-bg:#ffffff;--blog-accent:#2563eb;--blog-code-bg:#f8fafc;--blog-border:#e5e7eb;--blog-font:var(--font-inter,"Inter",sans-serif);--blog-mono:var(--font-mono,"IBM Plex Mono",monospace)}.blog-post-container{font-family:var(--blog-font);color:var(--blog-text);line-height:1.8;font-size:1.125rem}.prose h1{font-size:3rem;font-weight:800;letter-spacing:-.025em;margin-bottom:2rem;line-height:1.2}.prose h2{font-size:2rem;font-weight:700;margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--blog-border)}.prose h3{font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.prose p{margin-bottom:1.5rem}.prose strong{color:var(--blog-text);font-weight:700}.prose blockquote{border-left:4px solid var(--blog-accent);padding:1.5rem 2rem;margin:2.5rem 0;background-color:#f0f9ff;border-radius:.5rem;font-style:italic;font-size:1.25rem}.prose blockquote p{margin-bottom:0}.prose ul{list-style:none;padding-left:0;margin:2rem 0}.prose ul li{position:relative;padding-left:2rem;margin-bottom:1rem}.prose ul li:before{content:"→";position:absolute;left:0;color:var(--blog-accent);font-weight:700}.prose ol{counter-reset:blog-counter;list-style:none;padding-left:0;margin:2rem 0}.prose ol li{counter-increment:blog-counter;position:relative;padding-left:3rem;margin-bottom:1.5rem}.prose ol li:before{content:counter(blog-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background:var(--blog-accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.prose code{font-family:var(--blog-mono);background-color:var(--blog-code-bg);padding:.2rem .4rem;border-radius:.25rem;font-size:.9em;font-weight:600}.prose pre{background-color:#0f172a;padding:2rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0}.prose pre code{background-color:transparent;color:#e2e8f0;padding:0;font-weight:400;font-size:.875rem;line-height:1.7}.highlight-box{background:#f8fafc;border:1px solid var(--blog-border);border-radius:1rem;padding:2rem;margin:2.5rem 0}.highlight-box h3{margin-top:0;color:var(--blog-accent)}.progress-bar{position:fixed;top:0;left:0;width:0;height:4px;background:var(--blog-accent);z-index:100}