.table-of-contents:where(.astro-YMBPKSFA){position:sticky;top:calc(var(--space-16) + 60px);float:right;width:250px;margin:0 0 var(--space-8) var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 4px 16px var(--color-shadow);z-index:10;max-height:calc(100vh - 120px);overflow-y:auto}.toc-header:where(.astro-YMBPKSFA){display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.toc-title:where(.astro-YMBPKSFA){font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0;font-family:var(--font-family-ui)}.toc-toggle:where(.astro-YMBPKSFA){background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:calc(var(--border-radius) * .5);color:var(--color-text-secondary);transition:all var(--transition-fast)}.toc-toggle:where(.astro-YMBPKSFA):hover{background-color:var(--color-border);color:var(--color-text-primary)}.toc-icon:where(.astro-YMBPKSFA){transition:transform var(--transition-fast)}.toc-nav:where(.astro-YMBPKSFA){max-height:400px;overflow-y:auto;transition:all var(--transition-normal)}.toc-nav:where(.astro-YMBPKSFA).collapsed{max-height:0;overflow:hidden}.toc-nav:where(.astro-YMBPKSFA).collapsed+.toc-toggle:where(.astro-YMBPKSFA) .toc-icon:where(.astro-YMBPKSFA){transform:rotate(-90deg)}.toc-list:where(.astro-YMBPKSFA){list-style:none;margin:0;padding:var(--space-2) 0}.toc-item:where(.astro-YMBPKSFA){margin:0;position:relative}.toc-link:where(.astro-YMBPKSFA){display:block;padding:var(--space-3) var(--space-6) var(--space-3) var(--space-8);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);line-height:1.5;font-family:var(--font-family-ui);border-left:3px solid transparent;transition:all var(--transition-fast);margin-bottom:var(--space-1);border-radius:0 var(--border-radius) var(--border-radius) 0}.toc-link:where(.astro-YMBPKSFA):hover{background-color:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg));color:var(--color-text-primary);border-left-color:var(--color-primary);transform:translate(2px)}.toc-link:where(.astro-YMBPKSFA).active{background-color:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600;transform:translate(3px)}.toc-item:where(.astro-YMBPKSFA).level-2 .toc-link:where(.astro-YMBPKSFA){padding-left:var(--space-8);font-size:var(--text-sm);font-weight:500}.toc-item:where(.astro-YMBPKSFA).level-3 .toc-link:where(.astro-YMBPKSFA){padding-left:var(--space-12);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.toc-item:where(.astro-YMBPKSFA).level-4 .toc-link:where(.astro-YMBPKSFA){padding-left:var(--space-16);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}.toc-item:where(.astro-YMBPKSFA).level-3:before{content:"";position:absolute;left:var(--space-10);top:50%;width:8px;height:1px;background-color:var(--color-border);transform:translateY(-50%)}.toc-item:where(.astro-YMBPKSFA).level-4:before{content:"";position:absolute;left:var(--space-12);top:50%;width:8px;height:1px;background-color:var(--color-border);transform:translateY(-50%)}@media (max-width: 1024px){.table-of-contents:where(.astro-YMBPKSFA){position:relative;float:none;width:100%;margin:var(--space-6) 0;top:0}}@media (max-width: 768px){.toc-nav:where(.astro-YMBPKSFA){max-height:200px}.table-of-contents:where(.astro-YMBPKSFA){margin:var(--space-4) 0}}.post-article:where(.astro-GJTNY2MX){max-width:1200px;margin:0 auto;padding:var(--space-8) var(--container-padding)}.post-body:where(.astro-GJTNY2MX){position:relative;display:flex;gap:var(--space-8);align-items:flex-start}.post-content:where(.astro-GJTNY2MX){flex:1;min-width:0;max-width:800px}.post-header:where(.astro-GJTNY2MX){margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.post-meta:where(.astro-GJTNY2MX){display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-family-mono)}.post-date:where(.astro-GJTNY2MX),.post-updated:where(.astro-GJTNY2MX){white-space:nowrap}.reading-time:where(.astro-GJTNY2MX){margin-left:auto}.post-title:where(.astro-GJTNY2MX){font-size:var(--text-4xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-6) 0;line-height:1.2}.post-description:where(.astro-GJTNY2MX){font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0}.post-tags:where(.astro-GJTNY2MX){display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag:where(.astro-GJTNY2MX){font-size:var(--text-xs);color:var(--color-accent);text-decoration:none;padding:var(--space-1) var(--space-3);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:var(--border-radius);transition:all var(--transition-fast);font-family:var(--font-family-mono)}.tag:where(.astro-GJTNY2MX):hover{background-color:color-mix(in srgb,var(--color-accent) 20%,transparent);transform:translateY(-1px)}.reading-progress:where(.astro-GJTNY2MX){position:fixed;top:0;left:0;width:100%;height:3px;background-color:var(--color-border);z-index:1000}.progress-bar:where(.astro-GJTNY2MX){height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:0%;transition:width .15s ease-out}.post-content:where(.astro-GJTNY2MX){margin-bottom:var(--space-16)}.prose:where(.astro-GJTNY2MX){font-size:var(--text-lg);line-height:1.8;color:var(--color-text-primary)}.prose:where(.astro-GJTNY2MX) h2:where(.astro-GJTNY2MX){font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-4) 0;color:var(--color-text-primary)}.prose:where(.astro-GJTNY2MX) h3:where(.astro-GJTNY2MX){font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3) 0;color:var(--color-text-primary)}.prose:where(.astro-GJTNY2MX) p:where(.astro-GJTNY2MX){margin:0 0 var(--space-6) 0;color:var(--color-text-secondary)}.prose:where(.astro-GJTNY2MX) blockquote:where(.astro-GJTNY2MX){border-left:4px solid var(--color-accent);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--color-text-muted)}.prose:where(.astro-GJTNY2MX) code:where(.astro-GJTNY2MX){font-family:var(--font-family-mono);font-size:.9em;background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:calc(var(--border-radius) * .5);color:var(--color-accent)}.prose:where(.astro-GJTNY2MX) .astro-code:where(.astro-GJTNY2MX){background-color:var(--color-surface)!important;padding:var(--space-6);border-radius:var(--border-radius);border:1px solid var(--color-border);margin:var(--space-8) 0;overflow-x:auto;font-size:var(--text-sm);line-height:1.6;box-shadow:0 2px 8px var(--color-shadow);position:relative}:where(.astro-GJTNY2MX)[data-theme=dark] .prose:where(.astro-GJTNY2MX) .astro-code:where(.astro-GJTNY2MX){background-color:var(--color-surface)!important}.prose:where(.astro-GJTNY2MX) .astro-code:where(.astro-GJTNY2MX) code:where(.astro-GJTNY2MX){background:transparent!important;padding:0;font-size:inherit;color:inherit;border-radius:0}.prose:where(.astro-GJTNY2MX) pre:where(.astro-GJTNY2MX):not(.astro-code){background-color:var(--color-surface);padding:var(--space-6);border-radius:var(--border-radius);overflow-x:auto;margin:var(--space-8) 0;border:1px solid var(--color-border);font-size:var(--text-sm);line-height:1.5;box-shadow:0 2px 8px var(--color-shadow);position:relative}.prose:where(.astro-GJTNY2MX) pre:where(.astro-GJTNY2MX):not(.astro-code) code:where(.astro-GJTNY2MX){background:none!important;padding:0;font-size:inherit;color:var(--color-text-primary)}.prose:where(.astro-GJTNY2MX) code:where(.astro-GJTNY2MX):not(pre code){background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:calc(var(--border-radius) * .5);color:var(--color-accent);font-family:var(--font-family-mono);font-size:.9em;border:1px solid var(--color-border)}.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX){max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--space-8) 0;box-shadow:0 4px 16px var(--color-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:zoom-in;display:block;margin-left:auto;margin-right:auto}.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX){max-width:min(90%,800px);max-height:60vh;object-fit:contain}.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX)[width],.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX)[style*=width]{margin-left:auto;margin-right:auto}.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX):hover{transform:scale(1.02);box-shadow:0 8px 32px var(--color-shadow)}.image-overlay:where(.astro-GJTNY2MX){position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.image-overlay:where(.astro-GJTNY2MX).active{opacity:1;visibility:visible}.image-overlay:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX){max-width:95vw;max-height:95vh;object-fit:contain;box-shadow:0 8px 32px #00000080;border-radius:var(--border-radius);transform:scale(.9);transition:transform var(--transition-normal)}.image-overlay:where(.astro-GJTNY2MX).active img:where(.astro-GJTNY2MX){transform:scale(1)}.image-overlay:where(.astro-GJTNY2MX) .close-btn:where(.astro-GJTNY2MX){position:absolute;top:var(--space-6);right:var(--space-6);background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:var(--text-lg);transition:background-color var(--transition-fast)}.image-overlay:where(.astro-GJTNY2MX) .close-btn:where(.astro-GJTNY2MX):hover{background:rgba(255,255,255,.3)}.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX)+em:where(.astro-GJTNY2MX),.prose:where(.astro-GJTNY2MX) figure:where(.astro-GJTNY2MX) figcaption:where(.astro-GJTNY2MX){display:block;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-2);margin-bottom:var(--space-6)}@media (max-width: 768px){.prose:where(.astro-GJTNY2MX) img:where(.astro-GJTNY2MX){max-width:100%;max-height:50vh;margin:var(--space-6) 0}.image-overlay:where(.astro-GJTNY2MX) .close-btn:where(.astro-GJTNY2MX){top:var(--space-4);right:var(--space-4);width:36px;height:36px}}.post-footer:where(.astro-GJTNY2MX){border-top:1px solid var(--color-border);padding-top:var(--space-8)}.post-sharing:where(.astro-GJTNY2MX){margin-top:var(--space-8)}.post-sharing:where(.astro-GJTNY2MX) h4:where(.astro-GJTNY2MX){font-size:var(--text-lg);margin:0 0 var(--space-4) 0;color:var(--color-text-primary)}.sharing-buttons:where(.astro-GJTNY2MX){display:flex;gap:var(--space-3);flex-wrap:wrap}.share-btn:where(.astro-GJTNY2MX){display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.share-btn:where(.astro-GJTNY2MX):hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}@media (max-width: 1024px){.post-body:where(.astro-GJTNY2MX){flex-direction:column;gap:var(--space-6)}.post-content:where(.astro-GJTNY2MX){max-width:100%}}@media (max-width: 768px){.post-article:where(.astro-GJTNY2MX){padding:var(--space-6) var(--space-4);max-width:100%}.post-title:where(.astro-GJTNY2MX){font-size:var(--text-3xl)}.post-description:where(.astro-GJTNY2MX){font-size:var(--text-lg)}.post-meta:where(.astro-GJTNY2MX){flex-wrap:wrap;gap:var(--space-2)}.reading-time:where(.astro-GJTNY2MX){margin-left:0;order:-1;width:100%}.prose:where(.astro-GJTNY2MX){font-size:var(--text-base)}.sharing-buttons:where(.astro-GJTNY2MX){justify-content:center}.post-body:where(.astro-GJTNY2MX){gap:var(--space-4)}}