.blog{--blog-amber-50: oklch(.98 .03 85);--blog-amber-100: oklch(.95 .06 85);--blog-amber-200: oklch(.9 .1 80);--blog-amber-400: oklch(.8 .16 75);--blog-amber-500: oklch(.75 .18 70);--blog-amber-600: oklch(.65 .18 65);--blog-amber-700: oklch(.55 .16 60);--blog-space-1: .25rem;--blog-space-2: .5rem;--blog-space-3: .75rem;--blog-space-4: 1rem;--blog-space-6: 1.5rem;--blog-space-8: 2rem;--blog-space-10: 2.5rem;--blog-space-12: 3rem;--blog-space-16: 4rem;--blog-space-20: 5rem;--blog-space-24: 6rem}.blog{--blog-bg: oklch(.995 .002 90);--blog-bg-elevated: oklch(1 0 0);--blog-text: oklch(.2 .01 285);--blog-text-secondary: oklch(.45 .01 285);--blog-text-tertiary: oklch(.6 .01 285);--blog-border: oklch(.9 .005 85);--blog-border-subtle: oklch(.94 .003 85);--blog-accent: var(--blog-amber-600);--blog-accent-hover: var(--blog-amber-700);--blog-accent-muted: var(--blog-amber-100);--blog-accent-text: var(--blog-amber-700);--blog-code-bg: oklch(.97 .005 85)}.dark .blog{--blog-bg: oklch(.13 .005 285);--blog-bg-elevated: oklch(.17 .008 285);--blog-text: oklch(.95 .005 85);--blog-text-secondary: oklch(.7 .01 285);--blog-text-tertiary: oklch(.5 .01 285);--blog-border: oklch(.25 .01 285);--blog-border-subtle: oklch(.2 .008 285);--blog-accent: var(--blog-amber-400);--blog-accent-hover: var(--blog-amber-500);--blog-accent-muted: oklch(.25 .08 75);--blog-accent-text: var(--blog-amber-400);--blog-code-bg: oklch(.15 .01 285)}.blog{background:var(--blog-bg);min-height:100vh}.blog-nav{background:color-mix(in oklch,var(--blog-bg) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--blog-border-subtle);color:var(--foreground)}.blog-header{padding-top:var(--blog-space-24);padding-bottom:var(--blog-space-12)}.blog-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--blog-text)}.blog-subtitle{font-size:1.25rem;line-height:1.6;color:var(--blog-text-secondary);margin-top:var(--blog-space-4);max-width:55ch}.blog-section-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blog-accent-text);margin-bottom:var(--blog-space-6)}.blog-card{background:var(--blog-bg-elevated);border:1px solid var(--blog-border-subtle);border-radius:.75rem;padding:var(--blog-space-6);transition:all .3s ease}.blog-card:hover{border-color:var(--blog-accent);box-shadow:0 4px 20px -4px color-mix(in oklch,var(--blog-accent) 15%,transparent),0 0 0 1px var(--blog-accent)}.blog-featured-card{background:linear-gradient(135deg,color-mix(in oklch,var(--blog-accent-muted) 50%,var(--blog-bg-elevated)),var(--blog-bg-elevated));border:1px solid color-mix(in oklch,var(--blog-accent) 30%,var(--blog-border));padding:var(--blog-space-8);position:relative;overflow:hidden}.blog-featured-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--blog-accent),color-mix(in oklch,var(--blog-accent) 50%,transparent))}.blog-featured-card:hover{border-color:var(--blog-accent);transform:translateY(-2px);box-shadow:0 8px 30px -8px color-mix(in oklch,var(--blog-accent) 25%,transparent)}.blog-card-title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--blog-text);transition:color .2s ease}.blog-card:hover .blog-card-title{color:var(--blog-accent)}.blog-card-description{font-size:1.0625rem;line-height:1.6;color:var(--blog-text-secondary);margin-top:var(--blog-space-3)}.blog-category-badge{display:inline-flex;align-items:center;padding:var(--blog-space-1) var(--blog-space-3);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;background:var(--blog-accent-muted);color:var(--blog-accent-text);border:1px solid color-mix(in oklch,var(--blog-accent) 30%,transparent)}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--blog-space-3);font-size:.875rem;color:var(--blog-text-tertiary)}.blog-meta-divider{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.blog-article-header{padding-top:var(--blog-space-12);padding-bottom:var(--blog-space-12);border-bottom:1px solid var(--blog-border);margin-bottom:var(--blog-space-12)}.blog-article-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--blog-text);max-width:20ch}.blog-article-description{font-size:1.25rem;line-height:1.6;color:var(--blog-text-secondary);margin-top:var(--blog-space-6);max-width:55ch}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--blog-space-4);margin-top:var(--blog-space-8);padding-top:var(--blog-space-6);border-top:1px solid var(--blog-border-subtle);color:var(--blog-text-tertiary);font-size:.9375rem}.blog-author{font-weight:500;color:var(--blog-text)}.blog-prose{font-size:1.125rem;line-height:1.75;color:var(--blog-text);max-width:65ch}.blog-prose>*+*{margin-top:var(--blog-space-6)}.blog-prose>p:first-of-type:first-letter{float:left;font-size:4em;line-height:.8;padding-right:.08em;padding-top:.05em;font-weight:700;color:var(--blog-accent)}.blog-prose h2{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--blog-text);margin-top:var(--blog-space-16);margin-bottom:var(--blog-space-4);padding-bottom:var(--blog-space-3);border-bottom:1px solid var(--blog-border-subtle)}.blog-prose h3{font-size:1.375rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:var(--blog-text);margin-top:var(--blog-space-10);margin-bottom:var(--blog-space-3)}.blog-prose a{color:var(--blog-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all .2s ease}.blog-prose a:hover{color:var(--blog-accent-hover);text-decoration-thickness:2px}.blog-prose strong{font-weight:600;color:var(--blog-text)}.blog-prose ul,.blog-prose ol{margin-top:var(--blog-space-6);margin-bottom:var(--blog-space-6);padding-left:var(--blog-space-8)}.blog-prose ul{list-style-type:disc}.blog-prose ol{list-style-type:decimal}.blog-prose li{margin-top:var(--blog-space-2);padding-left:var(--blog-space-2)}.blog-prose ul>li::marker{color:var(--blog-accent)}.blog-prose ol>li::marker{color:var(--blog-accent);font-weight:600}.blog-prose code{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.875em;background:var(--blog-code-bg);padding:.2em .4em;border-radius:.25rem;border:1px solid var(--blog-border-subtle)}.blog-prose pre{margin-top:var(--blog-space-8);margin-bottom:var(--blog-space-8);padding:var(--blog-space-6);background:var(--blog-code-bg);border:1px solid var(--blog-border);border-radius:.5rem;overflow-x:auto;font-size:.9375rem;line-height:1.6}.blog-prose pre code{background:transparent;padding:0;border:none;font-size:inherit}.blog-prose blockquote,.blog-pull-quote{position:relative;margin:var(--blog-space-10) 0;padding:var(--blog-space-6) var(--blog-space-8);background:linear-gradient(90deg,color-mix(in oklch,var(--blog-accent-muted) 70%,transparent),transparent);border-left:4px solid var(--blog-accent);border-radius:0 .5rem .5rem 0;font-size:1.25rem;font-style:italic;line-height:1.6;color:var(--blog-text)}.blog-prose blockquote:before,.blog-pull-quote:before{content:'"';position:absolute;top:-.5rem;left:.5rem;font-size:4rem;font-family:Georgia,serif;line-height:1;color:var(--blog-accent);opacity:.3}.blog-prose blockquote p,.blog-pull-quote p{margin:0}.blog-prose hr{margin:var(--blog-space-16) 0;border:none;height:1px;background:linear-gradient(90deg,transparent,var(--blog-accent),transparent)}.blog-cta{margin-top:var(--blog-space-16);padding:var(--blog-space-12) var(--blog-space-8);background:linear-gradient(135deg,var(--blog-accent-muted),color-mix(in oklch,var(--blog-accent-muted) 30%,var(--blog-bg)));border-radius:1rem;text-align:center;border:1px solid color-mix(in oklch,var(--blog-accent) 20%,transparent)}.blog-cta-title{font-size:1.5rem;font-weight:600;color:var(--blog-text);margin-bottom:var(--blog-space-3)}.blog-cta-description{font-size:1.0625rem;color:var(--blog-text-secondary);margin-bottom:var(--blog-space-6)}.blog-cta [data-slot=button],.blog-cta a{position:relative;z-index:1;cursor:pointer;pointer-events:auto}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--blog-space-2);margin-top:var(--blog-space-12);padding-top:var(--blog-space-8);border-top:1px solid var(--blog-border)}.blog-tag{padding:var(--blog-space-1) var(--blog-space-3);font-size:.8125rem;color:var(--blog-text-secondary);background:var(--blog-bg);border:1px solid var(--blog-border);border-radius:9999px;transition:all .2s ease}.blog-tag:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.blog-footer{margin-top:var(--blog-space-16);padding:var(--blog-space-8) 0;border-top:1px solid var(--blog-border);color:var(--blog-text-tertiary)}.blog-back-link{display:inline-flex;align-items:center;gap:var(--blog-space-1);font-size:.875rem;color:var(--blog-text-tertiary);transition:color .2s ease;margin-bottom:var(--blog-space-8)}.blog-back-link:hover{color:var(--blog-accent)}@media(max-width:640px){.blog-prose{font-size:1.0625rem}.blog-prose>p:first-of-type:first-letter{font-size:3.5em}.blog-article-title{font-size:1.75rem}.blog-featured-card{padding:var(--blog-space-6)}}