.progress-wrap{position:fixed;top:0;left:0;right:0;height:4px;background:color-mix(in oklab,var(--text) 6%,transparent);z-index:60}.progress{height:100%;width:0%;background:linear-gradient(90deg,#f59e0b,#ef7c33 60%,#ec4899);transition:width .12s linear}.mins-left{position:fixed;top:12px;right:16px;display:none;z-index:61;padding:5px 10px;border-radius:999px;background:var(--card);border:1px solid var(--border);font:500 11.5px/1 var(--font-sans);color:var(--muted);box-shadow:var(--shadow-sm);align-items:center;gap:6px}.mins-left.visible{display:inline-flex}.mins-left .dotlive{width:5px;height:5px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 3px color-mix(in oklab,#f59e0b 25%,transparent)}.post-hero{padding:56px 0 28px;position:relative}.breadcrumbs{font:500 13px/1 var(--font-sans);color:var(--muted);margin-bottom:18px;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs .sep{opacity:.5}.breadcrumbs .current{color:var(--primary);font-weight:600}.post-hero h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(40px,5.2vw,64px);line-height:1.05;letter-spacing:-.028em;margin:14px 0 18px;text-wrap:balance}.post-hero .sub{font-size:20px;color:color-mix(in oklab,var(--text) 70%,var(--muted));max-width:60ch;line-height:1.5;margin:0 0 28px;text-wrap:pretty}.byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:14px}.byline .avatar{width:40px;height:40px;font-size:14px}.byline .name{font-weight:600;color:var(--text)}.byline .role{color:var(--muted);font-size:13px}.byline .dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}.byline .meta{color:var(--muted);display:inline-flex;align-items:center;gap:6px}.byline .meta svg{width:14px;height:14px}.byline .updated{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,#10b981 10%,transparent);border:1px solid color-mix(in oklab,#10b981 25%,transparent);color:#059669;font-size:12px;font-weight:500}html[data-theme=dark] .byline .updated{color:#34d399}.byline .updated .live{width:6px;height:6px;border-radius:50%;background:currentColor}@media(max-width:720px){.byline .updated{margin-left:0}}.post-cover-banner{margin:36px 0 0;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:21 / 8;position:relative;min-height:300px}.post-cover-banner .cover-mono{left:40px;top:32px}.toc-composition{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:60px 44px 44px;color:#fff}.toc-composition .left-stack{display:flex;flex-direction:column;justify-content:center;gap:16px}.toc-composition .cap{font:600 11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffffa6}.toc-composition .big{font-family:"Source Serif 4",serif;font-weight:600;font-size:clamp(24px,3.4vw,46px);line-height:1.05;letter-spacing:-.025em;margin:0;text-wrap:balance;color:#fff}.toc-composition .toc-list-cover{display:flex;flex-direction:column;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:13px;color:#ffffffe0}.toc-composition .toc-list-cover .row{display:grid;grid-template-columns:28px 1fr auto;gap:14px;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.25)}.toc-composition .toc-list-cover .row .n{color:#ffffff8c}.toc-composition .toc-list-cover .row .t{color:#fffffff2;letter-spacing:.01em}.toc-composition .toc-list-cover .row .min{color:#ffffff8c;font-size:11px}@media(max-width:720px){.toc-composition{grid-template-columns:1fr;gap:18px;padding:44px 28px 28px}.toc-composition .toc-list-cover{display:none}}.post-body-wrap{display:grid;grid-template-columns:1fr minmax(0,700px) 1fr;gap:0 60px;padding:64px 32px;max-width:1320px;margin:0 auto;position:relative}.post-body-wrap>aside.toc-col{grid-column:1}.post-body-wrap>article{grid-column:2;position:relative}.post-body-wrap>aside.side-col{grid-column:3}@media(max-width:1100px){.post-body-wrap{grid-template-columns:1fr minmax(0,720px) 1fr;gap:0 32px}}@media(max-width:920px){.post-body-wrap{grid-template-columns:1fr;padding:40px 24px;max-width:760px}.post-body-wrap>aside.toc-col,.post-body-wrap>aside.side-col{grid-column:1}}.toc-sticky{position:sticky;top:90px;padding:20px 0;font-size:13.5px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}.toc-mobile{display:none;margin:0 0 28px;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:12px;font-family:var(--font-sans)}.toc-mobile summary{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s ease}.toc-mobile[open] summary:after{transform:rotate(-135deg)}.toc-mobile summary svg{width:14px;height:14px;color:var(--primary)}.toc-mobile nav{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding-left:24px;border-left:1px solid var(--border)}.toc-mobile nav a{padding:6px 0;font-size:13.5px;color:var(--muted)}.toc-mobile nav a.nested{padding-left:14px;font-size:12.5px}@media(max-width:920px){.toc-sticky{display:none}.toc-mobile{display:block}}.share-rail{position:absolute;left:-68px;top:40px;display:flex;flex-direction:column;gap:8px}@media(max-width:1100px){.share-rail{left:-56px}}@media(max-width:920px){.share-rail{display:none}}.share-rail .share-btn{width:38px;height:38px}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;transition:all .15s ease}.share-btn:hover{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}.share-btn svg{width:14px;height:14px}.share-btn.copied{color:var(--primary);border-color:var(--primary)}.toc-label{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:14px;display:inline-flex;align-items:center;gap:6px}.toc-label svg{width:12px;height:12px}.toc-list{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border);padding-left:14px;margin-left:2px}.toc-list a{display:block;padding:5px 0;color:var(--muted);line-height:1.4;transition:color .15s ease;position:relative}.toc-list a:hover{color:var(--text)}.toc-list a.nested{padding-left:16px;font-size:13px}.toc-list a.active{color:var(--primary);font-weight:500}.toc-list a.active:before{content:"";position:absolute;left:-15px;top:8px;width:2px;height:18px;background:var(--primary);border-radius:2px}article.post{font-family:var(--font-serif);font-size:19px;line-height:1.72;color:color-mix(in oklab,var(--text) 92%,transparent)}article.post>*+*{margin-top:1.1em}article.post h2{font-family:var(--font-serif);font-weight:600;font-size:30px;line-height:1.2;letter-spacing:-.018em;margin-top:2.2em;margin-bottom:.3em;scroll-margin-top:90px;color:var(--text)}article.post h3{font-family:var(--font-serif);font-weight:600;font-size:22px;line-height:1.25;letter-spacing:-.012em;margin-top:1.8em;margin-bottom:.2em;scroll-margin-top:90px;color:var(--text)}article.post p{margin:0;text-wrap:pretty}article.post p+p{margin-top:1.1em}article.post strong{font-weight:600;color:var(--text)}article.post em{font-style:italic}article.post a:not(.btn){color:var(--primary);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--primary) 40%,transparent);text-underline-offset:3px}article.post a:not(.btn):hover{text-decoration-color:var(--primary)}article.post ul,article.post ol{padding-left:1.4em;margin:1em 0}article.post ul li{list-style:none;position:relative}article.post ul li:before{content:"";position:absolute;left:-1.1em;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--primary)}article.post ol li{padding-left:4px}article.post li+li{margin-top:.4em}article.post code{font-family:var(--font-mono);font-size:.86em;background:var(--code-bg);padding:2px 7px;border-radius:5px;color:color-mix(in oklab,var(--primary) 80%,var(--text));border:1px solid var(--border)}article.post pre{font-family:var(--font-mono);font-size:14px;line-height:1.7;background:color-mix(in oklab,var(--code-bg) 92%,var(--text) 2%);border:1px solid var(--border);border-radius:12px;padding:16px 20px;overflow-x:auto;margin:1.6em 0}article.post pre code{background:none;border:none;padding:0;font-size:inherit;color:var(--text)}article.post blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:3px solid var(--primary);font-style:italic;color:color-mix(in oklab,var(--text) 80%,var(--muted))}article.post hr{border:none;border-top:1px solid var(--border);margin:3em 0}.callout{font-family:var(--font-sans);margin:1.6em 0;padding:18px 22px;border-radius:12px;border:1px solid;display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;font-size:15.5px;line-height:1.55}.callout .cal-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.callout .cal-ico svg{width:15px;height:15px}.callout .cal-title{font-weight:600;margin:0 0 2px;font-size:14px;letter-spacing:.01em}.callout .cal-body{color:color-mix(in oklab,var(--text) 85%,var(--muted))}.callout .cal-body>*+*{margin-top:.5em}.callout.tip{background:color-mix(in oklab,#10b981 8%,var(--card));border-color:color-mix(in oklab,#10b981 22%,transparent)}.callout.tip .cal-ico{background:color-mix(in oklab,#10b981 22%,transparent);color:#059669}.callout.tip .cal-title{color:#059669}html[data-theme=dark] .callout.tip .cal-title,html[data-theme=dark] .callout.tip .cal-ico{color:#34d399}.callout.info{background:var(--primary-subtle);border-color:color-mix(in oklab,var(--primary) 22%,transparent)}.callout.info .cal-ico{background:color-mix(in oklab,var(--primary) 22%,transparent);color:var(--primary)}.callout.info .cal-title{color:var(--primary)}.callout.warn{background:color-mix(in oklab,#f59e0b 8%,var(--card));border-color:color-mix(in oklab,#f59e0b 22%,transparent)}.callout.warn .cal-ico{background:color-mix(in oklab,#f59e0b 22%,transparent);color:#d97706}.callout.warn .cal-title{color:#d97706}html[data-theme=dark] .callout.warn .cal-title,html[data-theme=dark] .callout.warn .cal-ico{color:#fbbf24}.inline-cta{font-family:var(--font-sans);margin:2.4em 0;padding:28px;border-radius:16px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in oklab,var(--primary) 22%,transparent) 0%,transparent 55%),var(--card);border:1px solid var(--border);display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center}@media(max-width:680px){.inline-cta{grid-template-columns:1fr;text-align:left}}.inline-cta .cta-ico{width:56px;height:56px;border-radius:14px;background:#fff;padding:4px;box-shadow:var(--shadow-sm)}.inline-cta .cta-ico img{width:100%;height:100%;object-fit:contain}.inline-cta h4{font-size:18px;letter-spacing:-.012em;margin:0 0 4px;font-weight:600;font-family:var(--font-sans)}.inline-cta p{margin:0;color:var(--muted);font-size:14.5px;font-family:var(--font-sans)}.inline-cta .btn{height:42px;font-size:14px;padding:0 18px}.inline-cta .cta-btns{display:flex;gap:8px;flex-wrap:wrap}.side-col{position:relative}.side-sticky{position:sticky;top:90px;padding:20px 0;transition:opacity .35s ease,transform .35s ease}.side-sticky.suppressed{opacity:0;transform:translateY(-8px);pointer-events:none}.side-card{padding:20px;border-radius:14px;background:var(--card);border:1px solid var(--border);font-family:var(--font-sans)}.side-card h5{font-size:14px;margin:0 0 4px;font-weight:600;letter-spacing:-.005em}.side-card p{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.5}.side-card .btn{width:100%;justify-content:center;height:40px;font-size:13.5px}.side-card .btn+.btn{margin-top:8px}.side-stats{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:var(--muted)}.side-stats .stat strong{display:block;font-size:15px;color:var(--text);font-weight:600;margin-bottom:2px}.post-foot-section{font-family:var(--font-sans);margin-top:64px;padding-top:28px;border-top:1px solid var(--border)}.author-card{padding:24px;border-radius:14px;background:var(--card);border:1px solid var(--border);display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center}@media(max-width:640px){.author-card{grid-template-columns:56px 1fr}.author-card .author-actions{grid-column:1 / -1}}.author-card .name{font-weight:600;font-size:16px;margin:0 0 2px}.author-card .bio{font-size:14px;color:var(--muted);margin:0 0 8px;line-height:1.5}.author-card .author-meta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.author-card .author-meta .chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:color-mix(in oklab,var(--text) 5%,transparent);color:var(--text);font-weight:500}.author-card .author-meta .social{display:inline-flex;gap:6px}.author-card .author-meta .social a{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;background:color-mix(in oklab,var(--text) 5%,transparent);color:var(--muted);transition:all .15s ease}.author-card .author-meta .social a:hover{color:var(--primary);background:var(--primary-subtle)}.author-card .author-meta .social svg{width:13px;height:13px}.author-card .author-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}.author-card .more-link{font:500 13px/1 var(--font-sans);color:var(--primary);display:inline-flex;align-items:center;gap:6px}.author-card .more-link svg{width:12px;height:12px;transition:transform .15s ease}.author-card .more-link:hover svg{transform:translate(2px)}.related{padding:80px 0 40px;border-top:1px solid var(--border);margin-top:64px;background:color-mix(in oklab,var(--card) 40%,var(--bg))}.related h3{font-family:var(--font-serif);font-weight:600;font-size:28px;letter-spacing:-.02em;margin:0 0 8px}.related .sub{color:var(--muted);margin:0 0 28px;font-size:15px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.related-grid{grid-template-columns:1fr}}.rel-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s ease}.rel-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in oklab,var(--primary) 30%,var(--border))}.rel-cover{aspect-ratio:16 / 9;position:relative}.rel-cover .cover-title{font-size:16px;left:18px;right:18px;bottom:14px}.rel-cover .cover-mono{left:18px;top:14px;font-size:10px}.rel-body{padding:16px}.rel-body h4{font-family:var(--font-serif);font-weight:600;font-size:17px;line-height:1.25;letter-spacing:-.012em;margin:0 0 4px}.rel-body .rel-meta{font-size:12.5px;color:var(--muted)}.compare-table-wrap[data-astro-cid-zl6mxygk]{margin:1.6em 0;overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.compare-table[data-astro-cid-zl6mxygk]{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:14.5px}.compare-table[data-astro-cid-zl6mxygk] th[data-astro-cid-zl6mxygk]{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:color-mix(in oklab,var(--code-bg) 80%,var(--bg));border-bottom:1px solid var(--border)}.compare-table[data-astro-cid-zl6mxygk] td[data-astro-cid-zl6mxygk]{padding:12px 16px;border-bottom:1px solid var(--border);color:color-mix(in oklab,var(--text) 90%,var(--muted))}.compare-table[data-astro-cid-zl6mxygk] tr[data-astro-cid-zl6mxygk]:last-child td[data-astro-cid-zl6mxygk]{border-bottom:none}.compare-table[data-astro-cid-zl6mxygk] tr[data-astro-cid-zl6mxygk].highlight{background:color-mix(in oklab,var(--primary) 6%,transparent)}.compare-table[data-astro-cid-zl6mxygk] tr[data-astro-cid-zl6mxygk].highlight td[data-astro-cid-zl6mxygk]:first-child{font-weight:600;color:var(--primary)}