.post-surface{min-height:100vh;position:relative;overflow:hidden}.post-surface:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#8fffd00f,#0000 55%),radial-gradient(40% 20% at 100% 0,#9fd8ff0a,#0000 40%);position:absolute;inset:0}.blog-post{max-width:1400px;margin:0 auto;padding:2rem 1rem 5rem;position:relative}.post-container{grid-template-columns:200px 1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.post-sidebar{position:relative}.sidebar-sticky{flex-direction:column;gap:2rem;display:flex;position:sticky;top:100px}.reading-indicator{background:color-mix(in srgb, var(--color-bg-light) 60%, transparent);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.reading-indicator__time{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:600;line-height:1}[data-theme=light] .reading-indicator__time{color:#0f172a}.reading-indicator__label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.sidebar-tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.sidebar-tag{background:color-mix(in srgb, var(--color-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary-light);border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;transition:all .2s;display:inline-block}.sidebar-tag:hover{background:color-mix(in srgb, var(--color-primary) 15%, transparent);border-color:color-mix(in srgb, var(--color-primary) 40%, transparent)}.post-main{min-width:0}.post-nav{margin-bottom:1.5rem}.back-link{color:#94a3b8;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}[data-theme=light] .back-link{color:#64748b}.back-link:hover{color:#e2e8f0}[data-theme=light] .back-link:hover{color:#0f172a}.back-link__icon{transition:transform .2s}.back-link:hover .back-link__icon{transform:translate(-3px)}.post-hero{margin-bottom:2.5rem}.post-category{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}[data-theme=light] .post-category{color:#059669;background:#10b98114;border-color:#10b9814d}.post-category:hover{background:#10b98126;border-color:#10b98166}[data-theme=light] .post-category:hover{background:#10b9811f;border-color:#10b98180}.post-category__dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b98180}.post-title{letter-spacing:-.02em;margin-bottom:1rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.1}.title-accent{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 40%,#94a3b8 100%);color:#0000;background-clip:text}[data-theme=light] .title-accent{background:linear-gradient(135deg,#0f172a 0%,#1e293b 40%,#475569 100%);background-clip:text}.post-description{color:#94a3b8;max-width:650px;margin-bottom:1.5rem;font-size:1.25rem;line-height:1.6}[data-theme=light] .post-description{color:#475569}.post-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.author-link{color:#e2e8f0;align-items:center;gap:.75rem;transition:color .2s;display:flex}.author-link:hover{color:#f8fafc}.author-avatar{object-fit:cover;border:2px solid #94a3b833;border-radius:50%;width:32px;height:32px}.author-avatar--initial{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.author-name{font-weight:500}.meta-separator{background:#475569;border-radius:50%;width:4px;height:4px}.meta-date,.meta-reading{color:#94a3b8}.hero-image-wrapper{border:1px solid #94a3b826;border-radius:16px;margin-bottom:3rem;overflow:hidden}.hero-image{object-fit:cover;width:100%;max-height:500px;display:block}.hero-caption{background:color-mix(in srgb, var(--color-bg-light) 80%, transparent);color:var(--color-text-muted);text-align:center;padding:1rem 1.25rem;font-size:.875rem;font-style:italic}[data-theme=light] .hero-caption{color:#475569;background:#f1f5f9}.post-content-wrapper{margin-bottom:3rem}.post-content{color:#e2e8f0;font-size:1.0625rem;line-height:1.8}[data-theme=light] .post-content{color:#1e293b}.post-content .content-paragraph{margin-bottom:1.5rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:#f8fafc;letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:1rem;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600}[data-theme=light] .post-content h1,[data-theme=light] .post-content h2,[data-theme=light] .post-content h3,[data-theme=light] .post-content h4{color:#0f172a}.post-content h1{font-size:2rem}.post-content h2{border-bottom:1px solid #94a3b833;padding-bottom:.5rem;font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content .content-link{color:#818cf8;text-underline-offset:3px;text-decoration:underline #818cf866;transition:all .2s}[data-theme=light] .post-content .content-link{color:#4f46e5;text-decoration-color:#4f46e566}.post-content .content-link:hover{color:#a5b4fc;text-decoration-color:#a5b4fc}[data-theme=light] .post-content .content-link:hover{color:#4338ca;text-decoration-color:#4338ca}.post-content .inline-code{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary-light);border-radius:4px;padding:.2em .4em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.post-content .content-list,.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-content .content-list li,.post-content ul li,.post-content ol li{color:var(--color-text);margin-bottom:.5rem;line-height:1.7}[data-theme=light] .post-content .content-list li,[data-theme=light] .post-content ul li,[data-theme=light] .post-content ol li{color:#1e293b}.post-content .content-list--bullet,.post-content ul{list-style-type:disc}.post-content .content-list--numbered,.post-content ol{list-style-type:decimal}.post-content ul ul,.post-content ol ol,.post-content ul ol,.post-content ol ul{margin-top:.4rem;margin-bottom:0}.post-content .content-blockquote{border-left:4px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, transparent);color:var(--color-text-secondary);border-radius:0 8px 8px 0;margin:2rem 0;padding:1.25rem 1.5rem;font-style:italic}[data-theme=light] .post-content .content-blockquote{color:#475569;background:#e85a2a0d}.post-content .content-blockquote p:last-child{margin-bottom:0}.post-content .content-divider{background:linear-gradient(90deg,#0000,#94a3b84d,#0000);border:none;height:1px;margin:3rem 0}.code-block-wrapper{border:1px solid var(--color-border);background:var(--color-bg);overflow:hidden}[data-theme=light] .code-block-wrapper{background:#1e293b;border-color:#94a3b84d}.code-block-header{background:color-mix(in srgb, var(--color-bg-light) 80%, transparent);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.code-language-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);border-radius:4px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.copy-code-btn{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.copy-code-btn:hover{background:color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);color:var(--color-text)}.copy-code-btn.copied{background:color-mix(in srgb, var(--color-secondary) 20%, transparent);color:#10b981;border-color:#10b98166}.copy-code-btn .copied-text,.copy-code-btn.copied .copy-text{display:none}.copy-code-btn.copied .copied-text{display:inline}.code-block-content{display:flex;overflow-x:auto}.line-numbers{background:color-mix(in srgb, var(--color-bg-light) 50%, transparent);border-right:1px solid var(--color-border);text-align:right;user-select:none;flex-shrink:0;padding:1rem .75rem}.line-number{color:var(--color-text-dim);font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.7;display:block}.code-block{background:0 0;flex:1;margin:0;padding:1rem 1.25rem;overflow-x:auto}.code-block code{color:var(--color-text);background:0 0;padding:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;line-height:1.7;display:block}[data-theme=light] .code-block code{color:#e2e8f0}.author-section{background:color-mix(in srgb, var(--color-bg-light) 40%, transparent);border:1px solid var(--color-border);border-radius:12px;margin:3rem 0;padding:2rem}.post-footer{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.footer-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem;font-size:.875rem;font-weight:600}.tag-list{flex-wrap:wrap;gap:.75rem;list-style:none;display:flex}.tag-link{background:color-mix(in srgb, var(--color-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary-light);border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:inline-flex}.tag-link:hover{background:color-mix(in srgb, var(--color-primary) 15%, transparent);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);transform:translateY(-1px)}.tag-hash{color:var(--color-primary);font-weight:500}.reading-progress{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));z-index:9999;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}@media (width<=1024px){.post-container{grid-template-columns:1fr;gap:0}.post-sidebar{display:none}}@media (width<=768px){.blog-post{padding:1.5rem 1rem 3rem}.post-hero{margin-bottom:2rem}.post-title{font-size:1.875rem}.post-description{font-size:1.125rem}.hero-image{max-height:300px}.post-content{font-size:1rem;line-height:1.75}.post-content h2{font-size:1.5rem}.post-content h3{font-size:1.25rem}.code-block-wrapper{border-left:none;border-right:none;border-radius:0;margin:1.5rem -1rem}.author-section{border-radius:0;margin:2rem -1rem;padding:1.5rem}}.comparison-highlight{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.comparison-card{background:var(--panel);border:1px solid var(--color-border);backdrop-filter:blur(8px);border-radius:16px;padding:1.75rem}.comparison-card.create{border-color:color-mix(in srgb, var(--accent-indigo) 50%, var(--color-border))}.comparison-card.publish{border-color:color-mix(in srgb, var(--accent-emerald) 50%, var(--color-border))}.comparison-card h3{margin:0 0 .75rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.25rem;font-weight:600}.comparison-card p{color:var(--text-dim);margin:0;font-size:.95rem}.callout{border-radius:12px;gap:1rem;margin:1.5rem 0;padding:1.25rem;display:flex}.callout-tip{background:color-mix(in srgb, var(--accent-emerald) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-emerald) 25%, transparent)}.callout-tip .callout-icon{color:var(--accent-emerald)}.callout-warning{background:color-mix(in srgb, var(--accent-amber) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-amber) 25%, transparent)}.callout-warning .callout-icon{color:var(--accent-amber)}.callout-info{background:color-mix(in srgb, var(--accent-blue) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-blue) 25%, transparent)}.callout-info .callout-icon{color:var(--accent-blue)}.callout-important{background:color-mix(in srgb, var(--accent-red) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-red) 25%, transparent)}.callout-important .callout-icon{color:var(--accent-red)}.callout-icon{flex-shrink:0;margin-top:.1rem}.callout-content{color:var(--text-dim);font-size:.95rem;line-height:1.6}.callout-content strong{color:var(--text)}.lifecycle-flow{background:var(--panel);border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0 1.5rem;padding:1rem 1.5rem;display:flex}.lifecycle-badge{border-radius:20px;padding:.4rem .85rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;display:inline-block}.lifecycle-badge.draft{background:color-mix(in srgb, var(--accent-amber) 15%, transparent);color:var(--accent-amber);border:1px solid color-mix(in srgb, var(--accent-amber) 30%, transparent)}.lifecycle-badge.published{background:color-mix(in srgb, var(--accent-emerald) 15%, transparent);color:var(--accent-emerald);border:1px solid color-mix(in srgb, var(--accent-emerald) 30%, transparent)}.lifecycle-badge.deprecated{background:color-mix(in srgb, var(--accent-red) 15%, transparent);color:var(--accent-red);border:1px solid color-mix(in srgb, var(--accent-red) 30%, transparent)}.lifecycle-badge.archived{background:var(--panel-raised);color:var(--text-dim);border:1px solid var(--color-border)}.lifecycle-badge.active{background:color-mix(in srgb, var(--accent-indigo) 15%, transparent);color:var(--accent-indigo);border:1px solid color-mix(in srgb, var(--accent-indigo) 30%, transparent)}.lifecycle-arrow{color:var(--text-faint)}.decision-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.decision-card{background:var(--panel);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem}.decision-card.platform{border-color:color-mix(in srgb, var(--accent-indigo) 40%, var(--color-border))}.decision-card.registry{border-color:color-mix(in srgb, var(--accent-emerald) 40%, var(--color-border))}.decision-card h3{align-items:center;gap:.5rem;margin:0 0 1rem;font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;font-weight:600;display:flex}.decision-card.platform h3{color:var(--accent-indigo)}.decision-card.registry h3{color:var(--accent-emerald)}.decision-card ul{margin:0;padding-left:1.25rem}.decision-card li{margin:.5rem 0;font-size:.9rem}.api-comparison-card{background:var(--panel);border:1px solid var(--color-border);border-radius:16px;margin:2rem 0;overflow:hidden}.api-comparison-header{background:color-mix(in srgb, var(--accent-indigo) 8%, var(--panel-raised));border-bottom:1px solid var(--color-border);grid-template-columns:140px 1fr 1fr;gap:1px;padding:.75rem 1rem;display:grid}.api-header-col{align-items:center;display:flex}.platform-badge,.registry-badge{border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.platform-badge{background:color-mix(in srgb, var(--accent-indigo) 15%, transparent);color:var(--accent-indigo);border:1px solid color-mix(in srgb, var(--accent-indigo) 30%, transparent)}.registry-badge{background:color-mix(in srgb, var(--accent-emerald) 15%, transparent);color:var(--accent-emerald);border:1px solid color-mix(in srgb, var(--accent-emerald) 30%, transparent)}.api-row{background:var(--panel-edge);border-bottom:1px solid var(--panel-edge);grid-template-columns:140px 1fr 1fr;gap:1px;display:grid}.api-row:last-child{border-bottom:none}.api-label{color:var(--text-dim);background:var(--panel);align-items:center;padding:1rem 1.25rem;font-size:.85rem;display:flex}.api-cell{background:var(--panel);align-items:center;padding:1rem 1.25rem;font-size:.85rem;display:flex}.platform-cell{background:color-mix(in srgb, var(--accent-indigo) 5%, var(--panel))}.registry-cell{background:color-mix(in srgb, var(--accent-emerald) 5%, var(--panel))}.api-cell :global(code){background:var(--panel-raised);color:var(--text);border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.status-badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.draft{background:color-mix(in srgb, var(--accent-amber) 15%, transparent);color:var(--accent-amber);border:1px solid color-mix(in srgb, var(--accent-amber) 30%, transparent)}.status-badge.published{background:color-mix(in srgb, var(--accent-emerald) 15%, transparent);color:var(--accent-emerald);border:1px solid color-mix(in srgb, var(--accent-emerald) 30%, transparent)}.workflow-card{background:var(--panel);border:1px solid var(--color-border);border-radius:16px;margin:1.5rem 0;padding:1.5rem}.workflow-card :global(ol){counter-reset:workflow-counter;margin:.75rem 0 0 1.5rem;padding:0;list-style:none}.workflow-card :global(li){counter-increment:workflow-counter;background:var(--panel-raised);border-radius:8px;align-items:flex-start;gap:1rem;margin:.75rem 0;padding:.75rem 1rem;display:flex;position:relative}.workflow-card :global(li):before{content:counter(workflow-counter);background:color-mix(in srgb, var(--accent-indigo) 25%, transparent);min-width:24px;height:24px;color:var(--accent-indigo);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.workflow-card :global(code){background:var(--panel);color:var(--text);border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.85em}.workflow-card :global(.step-desc){width:100%;color:var(--text-dim);margin-top:-.25rem;margin-left:2.5rem;font-size:.85rem}@media (width<=768px){.api-comparison-header,.api-row{grid-template-columns:1fr}.api-header-label{display:none}.api-label{background:0 0;padding:.5rem 1rem .25rem}.api-cell{padding:.25rem 1rem 1rem}.diagram{flex-direction:column}.diagram-arrow{transform:rotate(90deg)}.lifecycle-flow{justify-content:center}}.related-posts[data-astro-cid-dpgbfi7r]{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.related-posts__title[data-astro-cid-dpgbfi7r]{text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.related-posts__title-accent[data-astro-cid-dpgbfi7r]{background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);color:#0000;background-clip:text}.related-posts__grid[data-astro-cid-dpgbfi7r]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}