.blog-article{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:48px}@media (width<=720px){.blog-article{padding:28px 20px}}.blog-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.blog-desktop-rail{display:none}@media (width>=1024px){.blog-layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.blog-desktop-rail{display:flex}.blog-mobile-rail{display:none}.blog-rail{flex-direction:column;gap:24px;max-height:calc(100vh - 120px);display:flex;position:sticky;top:96px;overflow-y:auto}}.blog-prose{font-family:var(--font-serif);color:hsl(var(--foreground));font-size:18px;line-height:1.75}.blog-prose p{margin:0 0 1.1em}.blog-prose section{margin-top:2.2em;scroll-margin-top:96px}.blog-prose h2{font-family:var(--font-sans);letter-spacing:-.01em;color:hsl(var(--foreground));margin:0 0 .6em;scroll-margin-top:96px;font-size:1.6rem;font-weight:700}.blog-prose h3{font-family:var(--font-sans);color:hsl(var(--foreground));margin:1.4em 0 .5em;font-size:1.2rem;font-weight:600}.blog-prose strong{color:hsl(var(--foreground));font-weight:700}.blog-prose a{color:hsl(var(--primary));text-underline-offset:2px;text-decoration:underline}.blog-prose blockquote{border-left:2px solid hsl(var(--primary));color:hsl(var(--muted-foreground));margin:1.4em 0;padding:2px 0 2px 18px}.blog-prose blockquote p{margin:0}.blog-prose pre{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 4px);font-family:var(--font-mono);margin:1.4em 0;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.blog-prose sup{font-size:.7em;font-weight:600}.blog-prose sup a{text-decoration:none}.blog-prose sup a:hover{text-decoration:underline}.blog-faq{margin:0}.blog-faq>div{margin-bottom:1.4em}.blog-faq dt h3{font-family:var(--font-sans);margin:0 0 .35em;font-size:1.15rem;font-weight:600}.blog-faq dd{color:hsl(var(--muted-foreground));margin:0}.blog-footnotes{color:hsl(var(--muted-foreground));font-family:var(--font-serif);padding-left:1.3em;font-size:.95rem}.blog-footnotes li{margin-bottom:.7em;scroll-margin-top:96px}.blog-footnotes a{color:hsl(var(--primary))}.blog-footnotes a[href^=\#fnref-]{text-decoration:none}.blog-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:16px 18px}.blog-panel-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--primary));margin:0 0 10px;font-size:.7rem}.blog-outline{margin:0;padding:0;list-style:none}.blog-outline li{margin:0 0 8px}.blog-outline a{color:hsl(var(--muted-foreground));font-size:.9rem;text-decoration:none;display:block}.blog-outline a:hover{color:hsl(var(--primary))}.blog-topic-pill{font-family:var(--font-mono);background:hsl(var(--primary) / .12);color:hsl(var(--primary));white-space:nowrap;border-radius:9999px;padding:4px 12px;font-size:.75rem;text-decoration:none;display:inline-block}.blog-topic-pill:hover{background:hsl(var(--primary) / .2)}.blog-breadcrumb{color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin:0 0 16px;padding:0;font-size:.9rem;list-style:none;display:flex}.blog-breadcrumb a{color:hsl(var(--muted-foreground));text-decoration:none}.blog-breadcrumb a:hover{color:hsl(var(--primary))}