.tech-blog-page{--tb-code-bg:#0d1117;--tb-code-bar:#161b22;--tb-code-line:#30363d;--tb-code-text:#c9d1d9;--tb-link:var(--accent-cyan);--tb-sticky-offset:120px;min-height:70vh;padding-bottom:96px}.tech-blog-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tb-hero,.tb-list,.tb-empty,.tb-breadcrumb,.tb-detail-hero,.tb-cover,.tb-layout,.tb-back{width:min(calc(100% - (var(--gutter) * 2)), 1320px);margin-inline:auto}.tb-detail :is(.tb-breadcrumb,.tb-detail-hero,.tb-cover,.tb-layout,.tb-back){width:min(calc(100% - (var(--gutter) * 2)), 1120px)}.tb-hero{border-bottom:1px solid var(--border-neutral);grid-template-columns:8fr 4fr;align-items:end;gap:60px;min-height:360px;padding:88px 0 56px;display:grid}.tb-hero h1{font:400 var(--type-display-page)/.96 var(--serif);letter-spacing:-.02em;margin:0}.tb-hero h1 span{color:var(--lime)}.tb-hero-side p{color:var(--text-secondary);font-size:var(--type-body-lg);line-height:var(--leading-body);letter-spacing:.045em;margin:0}.tb-hero-side code{border-top:1px solid var(--border);color:var(--muted);font:500 var(--type-meta)/1.5 var(--font-mono);background:0 0;margin-top:24px;padding-top:12px;display:block}.tb-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;margin-top:48px;padding:0;list-style:none;display:grid}.tb-card{height:100%;color:inherit;flex-direction:column;gap:18px;display:flex}.tb-card-media{aspect-ratio:16/9;border:1px solid var(--border-neutral);border-radius:var(--radius-media);background:var(--media-bg);display:block;overflow:hidden}.tb-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--motion-ease)}.tb-card-placeholder{width:100%;height:100%;color:var(--brand-lime);font:500 clamp(2rem, 4vw, 3rem)/1 var(--font-mono);background:radial-gradient(circle at 20% 20%, #4fb5b838, transparent 55%), radial-gradient(circle at 85% 90%, #b9d83e2e, transparent 50%), var(--media-bg);place-items:center;display:grid}.tb-card:hover .tb-card-media img,.tb-card:focus-visible .tb-card-media img{transform:scale(1.025)}.tb-card-body{flex-direction:column;gap:10px;display:flex}.tb-card time{color:var(--muted);font:500 var(--type-meta)/1 var(--font-mono);letter-spacing:.06em}.tb-card h2{font:600 1.25rem/1.55 var(--font-sans);letter-spacing:.02em;margin:0}.tb-card:hover h2,.tb-card:focus-visible h2{text-underline-offset:5px;text-decoration:underline 1px}.tb-card p{color:var(--text-secondary);font-size:var(--type-body-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.75;display:-webkit-box;overflow:hidden}.tb-card-meta{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:2px;display:flex}.tb-card-authors{color:var(--muted);font-size:var(--type-meta)}.tb-tag{border:1px solid var(--border);min-height:24px;color:var(--text-secondary);background:var(--lime-pale);font:500 .75rem/1.4 var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;padding:2px 9px;display:inline-flex}.tb-empty{border-bottom:1px solid var(--border-neutral);min-height:320px;padding:72px 0}.tb-empty h2{font:400 var(--type-section)/1.15 var(--serif);margin:0}.tb-empty p{color:var(--text-secondary);line-height:var(--leading-body);margin:20px 0 0}.tb-breadcrumb{color:var(--muted);font:600 var(--type-meta)/1.4 var(--font-mono);letter-spacing:.1em;white-space:nowrap;gap:11px;padding-top:28px;display:flex;overflow:hidden}.tb-breadcrumb a{color:var(--lime);flex:none}.tb-breadcrumb span:last-child{text-overflow:ellipsis;overflow:hidden}.tb-detail-hero{padding:64px 0 40px}.tb-detail-hero>*{max-width:52rem}.tb-tags{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.tb-detail-hero h1{font:700 clamp(1.875rem, 3.4vw, 2.75rem)/1.4 var(--font-sans);letter-spacing:.02em;overflow-wrap:anywhere;margin:0}.tb-excerpt{color:var(--text-secondary);font-size:var(--type-body-lg);line-height:var(--leading-body);margin:22px 0 0}.tb-meta{color:var(--muted);font:500 var(--type-meta)/1.5 var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;gap:8px 28px;margin:28px 0 0;display:flex}.tb-meta div{gap:10px;display:flex}.tb-meta dd{color:var(--text-secondary);margin:0}.tb-authors{flex-wrap:wrap;gap:14px 28px;margin:28px 0 0;padding:0;list-style:none;display:flex}.tb-authors a{color:inherit;align-items:center;gap:12px;display:flex}.tb-authors img{object-fit:cover;background:var(--surface-soft);border-radius:50%;width:48px;height:48px}.tb-authors span{flex-direction:column;gap:2px;display:flex}.tb-authors strong{font-weight:600;font-size:var(--type-body-sm)}.tb-authors small{color:var(--muted);font-size:var(--type-meta)}.tb-authors a:hover strong{text-underline-offset:4px;text-decoration:underline}.tb-cover{margin-top:8px;margin-bottom:8px}.tb-cover img{object-fit:cover;border:1px solid var(--border-neutral);border-radius:var(--radius-media);width:100%;height:auto;max-height:620px}.tb-layout{border-top:1px solid var(--border-neutral);padding:40px 0 72px}.tb-layout.has-toc{grid-template-columns:minmax(0,46rem) minmax(200px,260px);justify-content:space-between;gap:64px;display:grid}.tb-layout.has-toc .tb-toc{grid-area:1/2}.tb-layout.has-toc .tb-prose{grid-area:1/1}.tb-toc details{top:var(--tb-sticky-offset);max-height:calc(100vh - var(--tb-sticky-offset) - 24px);position:sticky;overflow-y:auto}.tb-toc summary{color:var(--muted);font:600 var(--type-label)/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;margin-bottom:12px;list-style:none}.tb-toc summary::-webkit-details-marker{display:none}.tb-toc ol{border-left:1px solid var(--border-neutral);margin:0;padding:0;list-style:none}.tb-toc li a{color:var(--muted);border-left:2px solid #0000;margin-left:-1px;padding:6px 0 6px 16px;font-size:.875rem;line-height:1.6;display:block}.tb-toc .tb-toc-depth-3 a{padding-left:30px;font-size:.8125rem}.tb-toc a:hover{color:var(--text)}.tb-toc a[aria-current=true]{border-left-color:var(--lime);color:var(--text);font-weight:600}.tb-back{border-top:1px solid var(--border);border-bottom:1px solid var(--border-neutral);padding:40px 0}.tb-back a{color:var(--lime);font:600 var(--type-nav)/1 var(--font-mono);letter-spacing:.08em}.tb-back a span{margin-right:16px;font-size:18px}.tb-prose{min-width:0;color:var(--text);letter-spacing:.02em;overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.95}.tb-prose>:first-child{margin-top:0}.tb-prose p{margin:0 0 1.5em}.tb-prose h2,.tb-prose h3,.tb-prose h4{scroll-margin-top:var(--tb-sticky-offset);font-family:var(--font-sans);letter-spacing:.02em;position:relative}.tb-prose h2{border-bottom:1px solid var(--border-neutral);margin:2.8em 0 1em;padding-bottom:.45em;font-size:1.625rem;font-weight:700;line-height:1.45}.tb-prose h3{margin:2.2em 0 .8em;font-size:1.3125rem;font-weight:700;line-height:1.5}.tb-prose h4{margin:1.8em 0 .6em;font-size:1.0625rem;font-weight:700;line-height:1.6}.tb-heading-anchor{color:var(--muted-soft);opacity:0;transition:opacity var(--motion-fast) ease;margin-left:.35em;font-weight:400;text-decoration:none}.tb-prose :is(h2,h3,h4):hover .tb-heading-anchor{opacity:1}.tb-prose a:not(.tb-heading-anchor){color:var(--tb-link);text-underline-offset:4px;text-decoration:underline 1px}.tb-prose a:not(.tb-heading-anchor):hover{text-decoration-thickness:2px}.tb-prose strong{font-weight:700}.tb-prose :is(ul,ol){margin:0 0 1.5em;padding-left:1.6em}.tb-prose li{margin:.35em 0}.tb-prose li>:is(ul,ol){margin:.35em 0 0}.tb-prose li::marker{color:var(--muted)}.tb-prose .contains-task-list{padding-left:.4em;list-style:none}.tb-prose .task-list-item input{accent-color:var(--accent-lime);margin:0 .55em 0 0}.tb-prose blockquote{border-left:3px solid var(--border-neutral);color:var(--text-secondary);margin:1.8em 0;padding:.2em 0 .2em 1.2em}.tb-prose blockquote>:last-child{margin-bottom:0}.tb-prose hr{border:0;border-top:1px solid var(--border-neutral);margin:3em 0}.tb-prose img{max-width:100%;height:auto}.tb-prose :not(pre)>code{background:var(--surface-soft);color:var(--text);font:.875em/1.6 var(--font-mono);letter-spacing:0;overflow-wrap:anywhere;border-radius:4px;padding:.15em .4em}.tb-code{background:var(--tb-code-bg);border-radius:8px;margin:1.8em 0;position:relative;overflow:hidden}.tb-code-name{border-bottom:1px solid var(--tb-code-line);color:var(--tb-code-text);background:var(--tb-code-bar);font:500 .8125rem/1.5 var(--font-mono);letter-spacing:0;padding:9px 18px}.tb-code pre{font:.875rem/1.75 var(--font-mono);letter-spacing:0;overflow-wrap:normal;tab-size:2;margin:0;padding:18px 20px;overflow-x:auto;background-color:var(--tb-code-bg)!important}.tb-code pre:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:-2px}.tb-copy{border:1px solid var(--tb-code-line);min-height:28px;color:var(--tb-code-text);background:var(--tb-code-bar);font:500 .75rem/1.4 var(--font-mono);cursor:pointer;opacity:0;transition:opacity var(--motion-fast) ease;border-radius:4px;padding:3px 10px;position:absolute;top:6px;right:8px}.tb-code:hover .tb-copy,.tb-copy:focus-visible{opacity:1}@media (hover:none){.tb-copy{opacity:1}}.tb-figure{text-align:center;margin:2em 0}.tb-figure img{border-radius:var(--radius-media);margin-inline:auto;display:block}.tb-figure figcaption{color:var(--muted);margin-top:10px;font-size:.875rem;line-height:1.6}.tb-embed{margin:2em 0}.tb-embed--youtube{aspect-ratio:16/9}.tb-embed iframe{background:var(--media-bg);border:0;border-radius:8px;width:100%;height:100%}.tb-message{border-radius:var(--radius-media);background:var(--lime-pale);margin:1.8em 0;padding:1em 1.25em 1em 3em;font-size:.9688rem;line-height:1.85;position:relative}.tb-message:before{content:"i";color:#fff;background:var(--accent-lime);width:1.25em;height:1.25em;font:700 .8125rem/1 var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:1.15em;left:1.1em}.tb-message--alert{background:var(--pink-pale)}.tb-message--alert:before{content:"!";background:var(--accent-pink)}.tb-message>:last-child{margin-bottom:0}.tb-details{border:1px solid var(--border-neutral);border-radius:var(--radius-media);margin:1.8em 0}.tb-details summary{cursor:pointer;padding:.7em 1em;font-size:.9688rem;font-weight:600}.tb-details[open] summary{border-bottom:1px solid var(--border-neutral)}.tb-details-body{padding:1em 1.1em .2em}.tb-details-body>:last-child{margin-bottom:1em}.tb-prose .katex{font-size:1.05em}.tb-prose .katex-display{margin:1.6em 0;padding:.3em 0;overflow:auto hidden}.tb-prose .katex-error{font-family:var(--font-mono);font-size:.875em}.tb-table{margin:1.8em 0;overflow-x:auto}.tb-table table{border-collapse:collapse;min-width:100%;font-size:.9375rem;line-height:1.7}.tb-table :is(th,td){border:1px solid var(--border-neutral);text-align:left;vertical-align:top;padding:.55em .9em}.tb-table th{background:var(--surface-soft);white-space:nowrap;font-weight:600}.tb-prose .footnotes{border-top:1px solid var(--border-neutral);color:var(--text-secondary);margin-top:4em;padding-top:1.2em;font-size:.875rem;line-height:1.8}.tb-prose .footnotes p{margin:0}.tb-prose [data-footnote-ref]{font-size:.75em}@media (width<=1100px){.tb-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tb-layout.has-toc{display:block}.tb-toc{border:1px solid var(--border-neutral);border-radius:var(--radius-media);margin-bottom:40px;padding:16px 18px}.tb-toc details{max-height:none;position:static}.tb-toc summary{list-style:revert;pointer-events:auto;cursor:pointer;margin-bottom:0}.tb-toc summary::-webkit-details-marker{display:revert}.tb-toc details[open] summary{margin-bottom:12px}}@media (width<=820px){.tb-hero{grid-template-columns:1fr;gap:28px;min-height:300px;padding-top:60px}.tb-list{grid-template-columns:1fr;gap:36px}.tb-detail-hero{padding-top:44px}.tb-prose{font-size:1rem;line-height:1.9}.tb-prose h2{font-size:1.4375rem}.tb-prose h3{font-size:1.1875rem}.tb-code{margin-inline:calc(var(--gutter) * -1);border-radius:0}.tb-code pre{padding-inline:var(--gutter);font-size:.8125rem}.tb-code-name{padding-inline:var(--gutter)}}@media (prefers-reduced-motion:reduce){.tb-card-media img,.tb-heading-anchor,.tb-copy{transition:none}}