table-of-contents:where(.astro-xvrfupwn){display:block}.toc:where(.astro-xvrfupwn){background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;width:100%;box-shadow:var(--shadow-md);max-height:calc(100vh - 200px);overflow-y:auto}.toc:where(.astro-xvrfupwn):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3}.toc:where(.astro-xvrfupwn) h3:where(.astro-xvrfupwn){font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.toc:where(.astro-xvrfupwn) h3:where(.astro-xvrfupwn):before{content:"";width:4px;height:14px;background:var(--accent-primary);border-radius:2px}.toc:where(.astro-xvrfupwn) ul:where(.astro-xvrfupwn){display:flex;flex-direction:column;gap:.25rem}.toc:where(.astro-xvrfupwn) li:where(.astro-xvrfupwn).depth-2{font-weight:600}.toc:where(.astro-xvrfupwn) li:where(.astro-xvrfupwn).depth-3{font-size:.85rem;padding-left:1rem}.toc:where(.astro-xvrfupwn) a:where(.astro-xvrfupwn){color:var(--text-secondary);display:block;padding:.4rem .6rem;line-height:1.4;font-size:.875rem;border-radius:6px;transition:all var(--transition-fast)}.toc:where(.astro-xvrfupwn) a:where(.astro-xvrfupwn):hover{color:var(--text-primary);background:#ffffff0d;transform:translate(4px)}.toc:where(.astro-xvrfupwn) a:where(.astro-xvrfupwn).active{color:var(--accent-primary);font-weight:600;background:var(--accent-glow);padding-left:1rem;box-shadow:inset 2px 0 0 var(--accent-primary)}.blog-post-layout{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:var(--max-width, 1200px);margin:0 auto;padding:0 var(--container-padding, 1.5rem)}@media(min-width:1024px){.blog-post-layout{grid-template-columns:minmax(0,800px) 240px;max-width:calc(1040px + 5.5rem)}}.blog-post{max-width:100%;padding:0;min-width:0}.blog-sidebar{display:none}@media(min-width:1024px){.blog-sidebar{display:flex;flex-direction:column;position:sticky;top:calc(var(--sl-nav-height, 60px) + 2rem);height:calc(100vh - var(--sl-nav-height, 60px) - 4rem);overflow-y:auto;scrollbar-width:thin;border-left:1px solid var(--border-color, var(--sl-color-hairline));padding-left:1.5rem}}.blog-post .back-link{display:inline-block;font-size:.875rem;color:var(--text-muted, var(--sl-color-gray-3));margin-bottom:2rem;transition:color .15s ease}.blog-post .back-link:hover{color:var(--accent-primary, var(--sl-color-accent))}.blog-post .post-hero{margin-bottom:2rem;border-radius:var(--radius-lg, 16px);overflow:hidden;border:1px solid var(--border-color, var(--sl-color-hairline))}.blog-post .post-hero-image{width:100%;height:auto;display:block}.blog-post .post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color, var(--sl-color-hairline))}.blog-post .post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.blog-post .post-tag{font-size:.8rem;color:var(--accent-primary, var(--sl-color-accent));background:var(--accent-glow, rgba(167, 139, 250, .08));padding:.2rem .75rem;border-radius:99px;transition:background .15s ease}.blog-post .post-tag:hover{background:#a78bfa40;color:var(--accent-hover, var(--sl-color-accent-high))}.blog-post .post-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;color:var(--text-primary, var(--sl-color-white))}.blog-post .post-date{font-size:.875rem;color:var(--text-muted, var(--sl-color-gray-3));display:block}.blog-post .post-lead{margin-top:1rem;font-size:1.05rem;color:var(--text-secondary, var(--sl-color-gray-2));line-height:1.7}.blog-post .post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color, var(--sl-color-hairline))}.blog-post .post-nav-link{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem;border-radius:var(--radius-md, 12px);border:1px solid var(--border-color, var(--sl-color-hairline));transition:all .2s ease}.blog-post .post-nav-link:hover{border-color:var(--border-accent, rgba(167, 139, 250, .3));background:var(--bg-secondary, rgba(255, 255, 255, .03))}.blog-post .post-nav-link.next{text-align:right}.blog-post .post-nav-label{font-size:.75rem;color:var(--text-muted, var(--sl-color-gray-3));text-transform:uppercase;letter-spacing:.05em}.blog-post .post-nav-title{font-size:.9rem;font-weight:500;color:var(--text-primary, var(--sl-color-white));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-badge-wrap{margin-top:auto;padding-top:2rem}@media(max-width:640px){.blog-post .post-title{font-size:1.5rem}.blog-post .post-nav{grid-template-columns:1fr}}