.blog-scope{--blog-gutter:clamp(1.15rem, .6rem + 2.6vw, 2.75rem);--blog-stack:clamp(3rem, 2rem + 4vw, 5.5rem);background:var(--blog-bg,#f7f7f5);color:var(--blog-ink,#1a1a18);font-family:var(--blog-font-body,system-ui, sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.65}.blog-scope *,.blog-scope :before,.blog-scope :after{box-sizing:border-box}.blog-scope img{max-width:100%;height:auto}.blog-scope a{color:var(--blog-accent,#24c);text-decoration:none}.blog-scope a:hover{text-decoration:underline}.blog-scope :focus-visible{outline:2px solid var(--blog-accent,#24c);outline-offset:2px;border-radius:3px}.blog-wrap{width:100%;max-width:var(--blog-wrap,1200px);padding-inline:var(--blog-gutter);margin-inline:auto}.blog-main{padding-block:var(--blog-stack);min-height:60vh;display:block}.blog-header{border-bottom:1px solid var(--blog-hair,#1a1a1824);background:var(--blog-surface,#fff)}.blog-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;min-height:4.25rem;display:flex}.blog-brand{color:var(--blog-ink,#1a1a18);align-items:center;gap:.65rem;display:inline-flex}.blog-brand:hover{text-decoration:none}.blog-brand-logo{width:auto;height:1.75rem;display:block}.blog-brand-title{font-family:var(--blog-font-display,Georgia, serif);letter-spacing:-.01em;color:var(--blog-ink,#1a1a18);font-size:1.2rem;font-weight:600}.blog-nav{flex-wrap:wrap;align-items:center;gap:clamp(.85rem,.5rem + 1vw,1.75rem);display:flex}.blog-nav-link{color:var(--blog-ink-muted,#1a1a18b3);font-size:.95rem;font-weight:500}.blog-nav-link:hover{color:var(--blog-ink,#1a1a18);text-decoration:none}.blog-footer{border-top:1px solid var(--blog-hair,#1a1a1824);background:var(--blog-surface,#fff);margin-top:var(--blog-stack);padding-block:2.25rem}.blog-footer-inner{color:var(--blog-ink-muted,#1a1a18b3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.blog-footer-nav{flex-wrap:wrap;gap:clamp(.85rem,.5rem + 1vw,1.5rem);display:flex}.blog-footer-link{color:var(--blog-ink-muted,#1a1a18b3)}.blog-footer-link:hover{color:var(--blog-ink,#1a1a18);text-decoration:none}.blog-index-head{margin-bottom:clamp(2rem,1.2rem + 3vw,3.25rem)}.blog-index-title{font-family:var(--blog-font-display,Georgia, serif);letter-spacing:-.02em;color:var(--blog-ink,#1a1a18);margin:0;font-size:clamp(2.1rem,1.4rem + 3.1vw,3.4rem);font-weight:600;line-height:1.08}.blog-index-desc{color:var(--blog-ink-muted,#1a1a18b3);max-width:46rem;margin:.75rem 0 0;font-size:clamp(1.05rem,1rem + .5vw,1.3rem);line-height:1.5}.blog-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:clamp(1.25rem,.8rem + 1.6vw,2rem);display:grid}.blog-card{background:var(--blog-surface,#fff);border:1px solid var(--blog-hair,#1a1a1824);border-radius:var(--blog-radius-card,18px);flex-direction:column;width:100%;padding-bottom:1.35rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--blog-accent,#24c) 40%, var(--blog-hair,#1a1a1824));transform:translateY(-2px);box-shadow:0 12px 30px -18px #1a1a1873}.blog-card-link{flex-direction:column;display:flex}.blog-card-link:hover{text-decoration:none}.blog-card-figure{display:block;position:relative}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;background:var(--blog-code-bg,#1a1a180d);width:100%;display:block}.blog-card-cover--empty{background:radial-gradient(120% 130% at 82% 12%, color-mix(in srgb, var(--blog-accent,#24c) 12%, transparent), transparent 55%), var(--blog-code-bg,#1a1a180d)}.blog-card-badge{border-radius:var(--blog-radius-pill,999px);background:var(--blog-surface,#fff);color:var(--blog-ink,#1a1a18);letter-spacing:.02em;padding:.2rem .6rem;font-size:.72rem;font-weight:650;line-height:1.4;position:absolute;top:.7rem;left:.7rem;box-shadow:0 1px 4px #1a1a182e}.blog-card-badge--featured{background:var(--blog-accent,#24c);color:var(--blog-accent-ink,#fff);left:auto;right:.7rem}.blog-card-title{font-family:var(--blog-font-display,Georgia, serif);letter-spacing:-.01em;color:var(--blog-ink,#1a1a18);margin:0;padding:1.15rem 1.35rem 0;font-size:1.3rem;font-weight:600;line-height:1.2}.blog-card-link:hover .blog-card-title{color:var(--blog-accent,#24c)}.blog-card-excerpt{color:var(--blog-ink-muted,#1a1a18b3);margin:.55rem 0 0;padding-inline:1.35rem;font-size:.975rem;line-height:1.55}.blog-card-meta{color:var(--blog-ink-muted,#1a1a18b3);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;padding-inline:1.35rem;font-size:.825rem;display:flex}.blog-card-meta .blog-card-reading:before{content:"·";opacity:.7;margin-right:.5rem}.blog-card-tags{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;padding-inline:1.35rem;display:flex}.blog-pill-list{flex-wrap:wrap;gap:.5rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.blog-pill-list li{list-style:none}.blog-pill{border-radius:var(--blog-radius-pill,999px);border:1px solid var(--blog-hair,#1a1a1824);color:var(--blog-ink-muted,#1a1a18b3);white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.28rem .72rem;font-size:.8rem;font-weight:500;line-height:1;display:inline-flex}.blog-pill:hover{color:var(--blog-ink,#1a1a18);border-color:var(--blog-accent,#24c);text-decoration:none}.blog-pill--fill{background:var(--blog-accent,#24c);border-color:var(--blog-accent,#24c);color:var(--blog-accent-ink,#fff)}.blog-post>*{max-width:44rem;margin-inline:auto}.blog-breadcrumb{margin-bottom:1.25rem;font-size:.9rem}.blog-breadcrumb a{color:var(--blog-ink-muted,#1a1a18b3)}.blog-breadcrumb a:hover{color:var(--blog-accent,#24c);text-decoration:none}.blog-post-header{margin-bottom:clamp(1.75rem,1.2rem + 2vw,3rem)}.blog-post-title{font-family:var(--blog-font-display,Georgia, serif);letter-spacing:-.02em;color:var(--blog-ink,#1a1a18);margin:0;font-size:clamp(2rem,1.4rem + 3vw,3.2rem);font-weight:600;line-height:1.1}.blog-post-meta{color:var(--blog-ink-muted,#1a1a18b3);flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin-top:1rem;font-size:.9rem;display:flex}.blog-post-reading:before{content:"·";opacity:.7;margin-right:.65rem}.blog-post-updated{font-style:italic}.blog-post-updated:before{content:"·";opacity:.7;margin-right:.65rem;font-style:normal}.blog-post-cover{border-radius:var(--blog-radius-card,18px);border:1px solid var(--blog-hair,#1a1a1824);background:var(--blog-code-bg,#1a1a180d);width:100%;height:auto;margin-bottom:clamp(1.75rem,1.2rem + 2vw,3rem);display:block}.blog-prose{color:var(--blog-ink,#1a1a18);font-size:1.09rem;line-height:1.72}.blog-prose>*+*{margin-top:1.15em}.blog-prose h2{font-family:var(--blog-font-display,Georgia, serif);letter-spacing:-.015em;margin-top:2.2em;margin-bottom:.1em;scroll-margin-top:5rem;font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:600;line-height:1.2}.blog-prose h3{font-family:var(--blog-font-display,Georgia, serif);margin-top:1.8em;margin-bottom:.1em;scroll-margin-top:5rem;font-size:clamp(1.25rem,1.1rem + .7vw,1.5rem);font-weight:600;line-height:1.25}.blog-prose h4{margin-top:1.6em;margin-bottom:.1em;scroll-margin-top:5rem;font-size:1.15rem;font-weight:700}.blog-prose p{margin:0}.blog-prose a{color:var(--blog-accent,#24c);text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:from-font}.blog-prose strong{color:var(--blog-ink,#1a1a18);font-weight:700}.blog-prose em{font-style:italic}.blog-prose ul,.blog-prose ol{margin:0;padding-left:1.5em}.blog-prose li+li{margin-top:.4em}.blog-prose li::marker{color:var(--blog-ink-muted,#1a1a18b3)}.blog-prose blockquote{border-left:3px solid var(--blog-accent,#24c);color:var(--blog-ink-muted,#1a1a18b3);font-family:var(--blog-font-display,Georgia, serif);margin:1.6em 0;padding:.4em 0 .4em 1.25em;font-size:1.2rem;font-style:italic;line-height:1.5}.blog-prose img{border-radius:calc(var(--blog-radius-card,18px) - 6px);border:1px solid var(--blog-hair,#1a1a1824);width:100%;height:auto;display:block}.blog-prose figure{margin:1.75em 0}.blog-prose figcaption{color:var(--blog-ink-muted,#1a1a18b3);text-align:center;margin-top:.6em;font-size:.9rem}.blog-prose hr{background:var(--blog-hair,#1a1a1824);border:0;height:1px;margin:2.5em 0}.blog-prose code{background:var(--blog-code-bg,#1a1a180d);border-radius:5px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.blog-prose pre{background:var(--blog-code-bg,#1a1a180d);border:1px solid var(--blog-hair,#1a1a1824);border-radius:calc(var(--blog-radius-card,18px) - 6px);padding:1.1rem 1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-prose pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.blog-prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid var(--blog-hair,#1a1a1824);text-align:left;padding:.55rem .8rem}.blog-prose th{background:var(--blog-code-bg,#1a1a180d);font-weight:600}.blog-toc{border:1px solid var(--blog-hair,#1a1a1824);border-radius:var(--blog-radius-card,18px);background:var(--blog-surface,#fff);margin-bottom:clamp(1.75rem,1.2rem + 2vw,2.5rem);padding:1.1rem 1.35rem}.blog-toc ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc a{color:var(--blog-ink-muted,#1a1a18b3);font-size:.95rem}.blog-toc a:hover{color:var(--blog-accent,#24c);text-decoration:none}.blog-toc-l3{padding-left:1rem}.blog-pagination{margin-top:var(--blog-stack);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.blog-pagination-pages{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.blog-pagination-link{border:1px solid var(--blog-hair,#1a1a1824);border-radius:var(--blog-radius-pill,999px);min-width:2.5rem;height:2.5rem;color:var(--blog-ink,#1a1a18);background:var(--blog-surface,#fff);justify-content:center;align-items:center;padding:0 .75rem;font-size:.95rem;font-weight:500;display:inline-flex}.blog-pagination-link:hover{border-color:var(--blog-accent,#24c);color:var(--blog-accent,#24c);text-decoration:none}.blog-pagination-link.is-active,.blog-pagination [aria-current=page]{background:var(--blog-accent,#24c);border-color:var(--blog-accent,#24c);color:var(--blog-accent-ink,#fff)}.blog-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);display:flex}.blog-filter-link{border:1px solid var(--blog-hair,#1a1a1824);border-radius:var(--blog-radius-pill,999px);background:var(--blog-surface,#fff);color:var(--blog-ink-muted,#1a1a18b3);align-items:center;padding:.4rem .9rem;font-size:.88rem;font-weight:500;line-height:1;display:inline-flex}.blog-filter-link:hover{color:var(--blog-ink,#1a1a18);border-color:var(--blog-accent,#24c);text-decoration:none}.blog-filter-link.is-active{background:var(--blog-accent,#24c);border-color:var(--blog-accent,#24c);color:var(--blog-accent-ink,#fff)}.blog-featured{background:var(--blog-surface,#fff);border:1px solid var(--blog-hair,#1a1a1824);border-radius:var(--blog-radius-card,18px);margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem);overflow:hidden}.blog-featured-link{grid-template-columns:1fr;display:grid}@media (min-width:48rem){.blog-featured-link{grid-template-columns:1.2fr 1fr;align-items:stretch}}.blog-featured-link:hover{text-decoration:none}.blog-featured-figure{display:block;position:relative}.blog-featured-cover{aspect-ratio:16/9;object-fit:cover;background:var(--blog-code-bg,#1a1a180d);width:100%;height:100%;min-height:12rem;display:block}.blog-featured-body{flex-direction:column;justify-content:center;gap:.75rem;padding:clamp(1.35rem,1rem + 1.5vw,2.25rem);display:flex}.blog-featured-badge{border-radius:var(--blog-radius-pill,999px);background:var(--blog-accent,#24c);color:var(--blog-accent-ink,#fff);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;padding:.24rem .7rem;font-size:.72rem;font-weight:650;line-height:1.4}.blog-featured-title{font-family:var(--blog-font-display,Georgia, serif);letter-spacing:-.02em;color:var(--blog-ink,#1a1a18);margin:0;font-size:clamp(1.5rem,1.2rem + 1.8vw,2.3rem);font-weight:600;line-height:1.12}.blog-featured-link:hover .blog-featured-title{color:var(--blog-accent,#24c)}.blog-featured-excerpt{color:var(--blog-ink-muted,#1a1a18b3);margin:0;font-size:1.02rem;line-height:1.55}.blog-empty{text-align:center;max-width:34rem;margin-inline:auto;padding-block:clamp(3rem,2rem + 6vw,6rem)}.blog-empty-title{font-family:var(--blog-font-display,Georgia, serif);color:var(--blog-ink,#1a1a18);margin:0 0 .5rem;font-size:clamp(1.5rem,1.2rem + 1.6vw,2.2rem);font-weight:600}.blog-empty-note{color:var(--blog-ink-muted,#1a1a18b3);margin:0;font-size:1.05rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.blog-scope *,.blog-scope :before,.blog-scope :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.blog-card:hover{transform:none}}
.blog-scope{--blog-bg:var(--canvas,#faf6ee);--blog-surface:var(--paper,#fffdf8);--blog-ink:var(--ink,#131311);--blog-ink-muted:var(--ink-70,#131311b3);--blog-hair:var(--line,#1313111f);--blog-accent:var(--klein,#0e33f3);--blog-highlight:var(--butter,#f2c94c);--blog-accent-ink:var(--on-klein,#fffdf8);--blog-code-bg:var(--surface-2,#1313110d);--blog-font-body:var(--sans,system-ui, sans-serif);--blog-font-display:var(--sans,system-ui, sans-serif);--blog-radius-card:var(--radius,18px);--blog-radius-pill:999px;--blog-wrap:var(--maxw,1200px)}.blog-scope .blog-index-head,.blog-scope .blog-post-header{z-index:auto;-webkit-backdrop-filter:none;background:0 0;border-bottom:0;position:static;top:auto}.blog-scope .blog-post-layout{grid-template-columns:minmax(0,44rem) 16rem;align-items:start;gap:clamp(2.5rem,1.25rem + 3.5vw,4rem);max-width:64rem;display:grid}.blog-post-layout>.blog-post{min-width:0}.blog-toc-rail{align-self:start;position:sticky;top:5rem;overflow:visible}.blog-toc-details{overscroll-behavior:contain;background:var(--paper,#fffdf8);border:1px solid var(--line-soft,#13131112);border-radius:var(--radius,18px);max-height:calc(100vh - 6.5rem);box-shadow:var(--shadow,0 1px 2px #1313110d, 0 12px 34px -14px #13131133);scrollbar-width:thin;scrollbar-color:var(--line,#1313111f) transparent;overflow-y:auto}.blog-toc-details::-webkit-scrollbar{width:6px}.blog-toc-details::-webkit-scrollbar-track{background:0 0}.blog-toc-details::-webkit-scrollbar-thumb{background:var(--line,#1313111f);border-radius:999px}.blog-toc-summary{z-index:1;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45,#13131173);background:var(--paper,#fffdf8);border-bottom:1px solid var(--line-soft,#13131112);border-radius:var(--radius,18px) var(--radius,18px) 0 0;margin:0;padding:.85rem 1.1rem .8rem;font-size:.72rem;font-weight:700;list-style:none;transition:color .15s;position:sticky;top:0}.blog-toc-summary:hover{color:var(--ink-70,#131311b3)}.blog-toc-summary::-webkit-details-marker{display:none}.blog-toc-details nav{padding:.55rem .6rem .7rem}.blog-toc-list{flex-direction:column;gap:.05rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc-list a{color:var(--ink-70,#131311b3);border-radius:10px;padding:.4rem .65rem;font-size:.875rem;line-height:1.35;text-decoration:none;transition:color .15s,background-color .15s;display:block}.blog-toc-list a:hover{color:var(--klein-2,#0a28c7);background:var(--surface-2,#f1ece1)}.blog-toc-list .blog-toc-l3 a{color:var(--ink-45,#13131173);padding-left:1.55rem;font-size:.82rem}.blog-toc-list .blog-toc-l3 a:hover{color:var(--klein-2,#0a28c7)}.blog-toc-list .is-active>a,.blog-toc-list .is-active>a:hover{background:var(--klein-tint,#0e33f317);color:var(--klein,#0e33f3);font-weight:600}.blog-scope .blog-more{border-top:1px solid var(--line,#1313111f);max-width:62rem;margin-top:clamp(3rem,2rem + 4vw,5rem);padding-top:clamp(1.75rem,1.2rem + 2vw,2.75rem)}.blog-more-title{font-family:var(--sans,system-ui, sans-serif);letter-spacing:-.01em;color:var(--ink,#131311);margin:0 0 clamp(1.15rem,.8rem + 1.5vw,1.75rem);font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem);font-weight:700}@media (max-width:960px){.blog-scope .blog-post-layout{grid-template-columns:1fr;max-width:44rem}.blog-toc-rail{order:-1;margin-bottom:1.75rem;position:static;overflow:visible}.blog-toc-details{max-height:none;box-shadow:var(--shadow-soft,0 1px 2px #1313110a, 0 6px 20px -12px #13131129);overflow:visible}.blog-toc-summary{border-radius:var(--radius,18px) var(--radius,18px) 0 0;position:static}}