.toc[data-astro-cid-ymbpksfa]{padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.toc-title[data-astro-cid-ymbpksfa]{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--space-4)}.toc-list[data-astro-cid-ymbpksfa]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:70vh;overflow-y:auto}.toc-item[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]{display:block;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;line-height:1.4;transition:color var(--transition-fast)}.toc-item[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]:hover{color:var(--color-primary)}.share-buttons[data-astro-cid-xiyysuza]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.share-label[data-astro-cid-xiyysuza]{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.share-btn[data-astro-cid-xiyysuza]{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.share-btn[data-astro-cid-xiyysuza]:hover{color:var(--color-primary);border-color:var(--color-primary)}.article-post{max-width:min(960px,100%);margin:0 auto;padding:var(--space-12) 0 var(--space-16)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:var(--space-6);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.post-body{display:flex;flex-direction:column;gap:var(--space-8)}.post-toc{width:100%}@media (min-width: 900px){.post-body{display:grid;grid-template-columns:220px 1fr;gap:var(--space-10);align-items:start}.post-toc{position:sticky;top:var(--space-8)}}.post-content{min-width:0}.post-content *{box-sizing:border-box}.post-header{margin-bottom:var(--space-20);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border);position:relative}.post-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,var(--color-primary),transparent);border-radius:var(--radius-full)}.header-content{display:flex;flex-direction:column;gap:var(--space-5)}.post-title{margin:0;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.1;color:var(--color-text);letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:90%}.post-description{font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.75;color:var(--color-text-secondary);margin:0;font-weight:400;max-width:85ch;opacity:.9}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-mono);opacity:.8}.meta-icon{width:14px;height:14px;color:var(--color-primary);opacity:.7;flex-shrink:0}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.tag{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);font-family:var(--font-sans);opacity:.8;text-transform:lowercase;text-decoration:none}.tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0ea5e914;opacity:1;transform:translateY(-1px)}.post-content{padding-top:var(--space-6)}.post-content :where(h2){margin-top:var(--space-20);margin-bottom:var(--space-6);font-size:clamp(1.625rem,4vw,2rem);font-weight:700;line-height:1.25;color:var(--color-text);scroll-margin-top:var(--space-8);letter-spacing:-.02em;position:relative;padding-bottom:var(--space-4)}.post-content :where(h2:first-of-type){margin-top:0}.post-content :where(h2):after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.6}.post-content :where(h2+p){margin-top:var(--space-6)}.post-content :where(h3){margin-top:var(--space-16);margin-bottom:var(--space-5);font-size:clamp(1.375rem,3vw,1.625rem);font-weight:600;line-height:1.3;color:var(--color-text);letter-spacing:-.015em}.post-content :where(h3+p){margin-top:var(--space-5)}.post-content :where(h4){margin-top:var(--space-12);margin-bottom:var(--space-4);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.post-content :where(h4+p){margin-top:var(--space-4)}.post-content p{margin:var(--space-7) 0!important;line-height:1.85;color:var(--color-text);font-size:clamp(1rem,1.5vw,1.0625rem);text-align:left;letter-spacing:-.01em;word-spacing:.02em;opacity:.95}.post-content p:first-of-type{margin-top:0!important;font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.8}.post-content p:last-of-type{margin-bottom:0!important}.post-content ul{margin:var(--space-6) 0!important;padding-left:0!important;list-style:none!important;line-height:1.85}.post-content ol{margin:var(--space-6) 0!important;padding-left:0!important;list-style:none!important;line-height:1.85;counter-reset:list-counter}.post-content li{margin:var(--space-3) 0!important;color:var(--color-text);line-height:1.85;position:relative;list-style:none!important;padding-left:var(--space-6)!important;opacity:.95}.post-content ul li:before{content:"•"!important;position:absolute;left:0!important;color:var(--color-primary);font-size:1.2em;font-weight:600;line-height:1.8}.post-content ol li{counter-increment:list-counter}.post-content ol li:before{content:counter(list-counter) "."!important;position:absolute;left:0!important;color:var(--color-primary);font-weight:600;line-height:1.8;min-width:var(--space-5);text-align:right}.post-content li p{margin:var(--space-3) 0}.post-content li ul,.post-content li ol{margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important}.post-content :where(strong){font-weight:600;color:var(--color-text);background:linear-gradient(135deg,transparent 0%,rgba(14,165,233,.1) 50%,transparent 100%);padding:0 2px}.post-content :where(code){background:var(--color-bg-secondary);padding:.25em .5em;border-radius:var(--radius);font-family:var(--font-mono);font-size:.9em;color:var(--color-primary);border:1px solid var(--color-border);font-weight:500}.post-content :where(pre){margin:var(--space-10) 0;padding:var(--space-6);padding-top:calc(var(--space-6) + 1.5rem);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.7;position:relative;box-shadow:0 2px 8px #00000014}.post-content :where(pre[data-language]):before{content:attr(data-language);position:absolute;top:0;left:0;right:0;padding:4px 12px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border)}.post-content .copy-btn{position:absolute;top:2rem;right:8px;padding:4px 10px;font-size:.75rem;font-family:inherit;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);z-index:1}.post-content .copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.post-content :where(pre code){background:transparent;padding:0;border:none;color:var(--color-text);font-size:.875rem;font-weight:400}.post-content :where(blockquote){margin:var(--space-10) 0;padding:var(--space-6) var(--space-8);border-left:3px solid var(--color-primary);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-style:italic;color:var(--color-text-secondary);position:relative;box-shadow:0 2px 8px #0000000d;opacity:.9}.post-content :where(blockquote):before{content:'"';position:absolute;top:var(--space-4);left:var(--space-6);font-size:3.5rem;color:var(--color-primary);opacity:.15;font-family:Georgia,serif;line-height:1}.post-content :where(a){color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast);font-weight:500}.post-content :where(a:hover){border-bottom-color:var(--color-primary);color:var(--color-primary-light)}.post-content :where(img){margin:var(--space-10) 0;border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:100%;height:auto;box-shadow:0 8px 24px #00000026;display:block}.post-content :where(.table-wrapper){overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-8) 0;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.post-content :where(table){width:100%;min-width:480px;margin:0;border-collapse:collapse;background:var(--color-bg-secondary);font-size:.9rem}.post-content :where(th,td){padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-border)}.post-content :where(th){background:var(--color-bg-tertiary);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem}.post-content :where(tr:last-child td){border-bottom:none}.post-content :where(tr:hover){background:#0ea5e90d}.post-content :where(.sequence-diagram){margin:var(--space-10) 0;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-secondary);padding:var(--space-6);box-shadow:0 8px 24px #00000026;width:100%;overflow-x:auto}.post-content :where(.sequence-diagram img){margin:0;border:none;box-shadow:none;border-radius:var(--radius-lg);width:100%;min-width:800px;height:auto;display:block}.post-content :where(hr){margin:var(--space-12) 0;border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.post-content :where(h2+hr),.post-content :where(h3+hr){margin-top:calc(var(--space-8) * -1)}@media (max-width: 768px){.article-post{padding:var(--space-8) 0 var(--space-12)}.post-header{margin-bottom:var(--space-16);padding-bottom:var(--space-8)}.post-title{font-size:1.875rem;max-width:100%}.post-description{font-size:1.0625rem}.post-meta{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-top:var(--space-4)}.tags-container{margin-left:0;width:100%}.post-content :where(h2){font-size:1.625rem;margin-top:var(--space-16)}.post-content :where(h3){font-size:1.375rem;margin-top:var(--space-12)}.post-content :where(h4){font-size:1.125rem}.post-content p{font-size:1rem;line-height:1.8}.post-content :where(pre){padding:var(--space-5);font-size:.8125rem;margin:var(--space-8) 0}}@media (max-width: 480px){.article-post{padding:var(--space-6) 0 var(--space-10)}.post-title{font-size:1.625rem}.post-content :where(h2){font-size:1.5rem;margin-top:var(--space-12)}.post-content :where(h3){font-size:1.25rem;margin-top:var(--space-10)}.post-content p{font-size:.9375rem}}@media print{.post-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6)}.post-content :where(pre){page-break-inside:avoid}.post-content :where(img){page-break-inside:avoid}}