.toc{overflow-y:auto}.toc>.toc-list{border-left:1px solid var(--border);position:relative;overflow:hidden}.toc>.toc-list li{list-style:none}.toc-list{margin:0;padding-left:0}.toc-list .toc-list{padding-left:.75rem}.toc-list-item{position:relative}a.toc-link{color:var(--muted-foreground);padding:5px 0 5px 14px;font-size:.8125rem;font-weight:500;line-height:1.45;transition:color .2s;display:block}a.toc-link:hover{color:var(--foreground)}.toc-link:before{content:"";background-color:#0000;border-radius:1px;width:2px;transition:background-color .2s;position:absolute;top:2px;bottom:2px;left:-1px}.toc-link:hover:before{background-color:var(--border)}.is-active-link{color:var(--foreground)!important;font-weight:600!important}.is-active-link:before{background-color:var(--primary)}.is-collapsible{max-height:1000px;transition:all .3s ease-in-out;overflow:hidden}.is-collapsed{max-height:0}.is-position-fixed{top:0;position:fixed!important}
.blog{color:color-mix(in srgb, var(--foreground) 88%, var(--background));grid-template-columns:[wide-start]0[main-start]minmax(0,1fr)[main-end]0[wide-end];display:grid}@media (min-width:1024px){.blog{grid-template-columns:[wide-start]4rem[main-start]minmax(0,40rem)[main-end]4rem[wide-end]}}.blog>*{grid-column:main;min-width:0}.blog>figure,.blog>.notion-embed,.blog>.notion-table-container,.blog>table{grid-column:wide}.blog>*{margin:0}.blog>*+*{margin-top:1.15rem}.blog>*+h2{margin-top:2.75rem}.blog>*+h3{margin-top:1.85rem}.blog>*+h4,.blog>*+h5{margin-top:1.6rem}.blog>*+figure,.blog>figure+*,.blog>*+.notion-table-container,.blog>.notion-table-container+*,.blog>*+hr,.blog>hr+*,.blog>*+blockquote,.blog>blockquote+*{margin-top:2.25rem}.blog p{font-size:1.0625rem;line-height:1.6}@media (min-width:1024px){.blog p{line-height:1.68}}.blog strong{color:var(--foreground);font-weight:600}.blog h2{letter-spacing:-.015em;color:var(--foreground);font-size:1.5rem;font-weight:700;line-height:1.25;font-family:var(--font-sans);padding-top:1.15rem;position:relative}.blog h2:before{content:"";background-color:var(--primary);border-radius:1px;width:2.5rem;height:2px;position:absolute;top:0;left:0}.blog h3{letter-spacing:-.01em;color:var(--foreground);font-size:1.125rem;font-weight:600;line-height:1.4}.blog h4,.blog h5{color:var(--foreground);font-size:1rem;font-weight:600;line-height:1.45}.blog a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s ease-in-out}.blog a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.blog ul{flex-direction:column;gap:.4rem;padding-left:0;font-size:1.0625rem;line-height:1.6;list-style:none;display:flex}.blog ul li{padding-left:1.25rem;position:relative}.blog ul li:before{content:"";background-color:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:.125rem}.blog ol{flex-direction:column;gap:.4rem;margin-left:.25rem;padding-left:1.35rem;font-size:1.0625rem;line-height:1.6;list-style-type:decimal;display:flex}.blog ol li::marker{color:var(--muted-foreground);font-variant-numeric:tabular-nums}@media (min-width:1024px){.blog ul,.blog ol{line-height:1.68}}.blog li>p{margin:0}.blog li>p+p{margin-top:.6rem}.blog figure{border-radius:1rem;max-width:100%;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000014}.blog img{border-radius:1rem;width:100%;height:auto;display:block}.blog figcaption{text-align:center;color:var(--muted-foreground);margin-top:.625rem;padding:0 1rem .625rem;font-size:.8125rem;font-style:italic;line-height:1.6}.blog blockquote{border-left:3px solid var(--primary);background-color:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--foreground);border-radius:0 .75rem .75rem 0;padding:1.35rem 2rem 1.35rem 1.5rem;font-size:1.0625rem;line-height:1.6;position:relative}.blog blockquote:after{content:"“";font-family:var(--font-serif);color:var(--primary);opacity:.15;pointer-events:none;font-size:5rem;line-height:1;position:absolute;bottom:-.5rem;right:1.25rem}.blog blockquote p{margin:0}.blog .kg-callout-card{color:var(--foreground);background-color:color-mix(in srgb, var(--primary) 6%, transparent);border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);border-radius:1rem;flex-direction:row;align-items:flex-start;gap:1rem;padding:1.15rem 1.35rem;display:flex}.blog hr{border:none;border-top:1.5px solid var(--border);width:35%;margin-left:auto;margin-right:auto}.blog pre{background-color:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;overflow-x:auto;box-shadow:inset 0 2px 4px #0000000a}.blog code{font-family:var(--font-mono), monospace;background-color:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);border-radius:.25rem;padding:.2rem .45rem;font-size:.875em}.blog pre code{color:inherit;background-color:#0000;border:none;border-radius:0;padding:0}.blog .notion-table-container{overscroll-behavior-x:contain;border:1px solid var(--border);background-color:var(--card);box-shadow:var(--shadow-sm);background-image:linear-gradient(to right, var(--card) 40%, transparent), linear-gradient(to left, var(--card) 40%, transparent), linear-gradient(to right, color-mix(in srgb, var(--foreground) 14%, transparent), transparent), linear-gradient(to left, color-mix(in srgb, var(--foreground) 14%, transparent), transparent);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:2.5rem 100%,2.5rem 100%,1rem 100%,1rem 100%;background-attachment:local,local,scroll,scroll;border-radius:1rem;overflow-x:auto}.blog table.notion-table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:.9375rem;line-height:1.5}.blog table.notion-table:has(tr>:nth-child(3)){min-width:34rem}.blog table.notion-table:has(tr>:nth-child(5)){min-width:46rem}.blog .notion-table th,.blog .notion-table td{vertical-align:top;padding:.7rem 1rem}@media (max-width:640px){.blog .notion-table th,.blog .notion-table td{padding:.6rem .75rem}.blog table.notion-table{font-size:.875rem}}.blog .notion-table thead th{background-color:color-mix(in srgb, var(--muted) 60%, var(--card));letter-spacing:.01em;color:var(--foreground);white-space:nowrap;border-bottom:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);font-size:.8125rem;font-weight:600}.blog .notion-table:not(:has(thead)) tbody tr:first-child:has(>:first-child>strong:only-child)>*{background-color:color-mix(in srgb, var(--muted) 60%, var(--card));border-bottom:1px solid color-mix(in srgb, var(--foreground) 18%, transparent)}.blog .notion-table tbody tr+tr>*{border-top:1px solid color-mix(in srgb, var(--foreground) 12%, transparent)}.blog .notion-table tbody tr:hover>*{background-color:color-mix(in srgb, var(--primary) 4%, transparent)}.blog .notion-table tbody th[scope=row]{color:var(--foreground);font-weight:600}.blog .notion-table p{margin:0}.blog .notion-table p+p{margin-top:.5rem}.blog .notion-table code{font-size:.8125em}.blog .notion-table ul,.blog .notion-table ol{font-size:inherit;line-height:inherit;gap:.2rem}.blog figure.notion-embed{box-shadow:none;border-radius:0;flex-direction:column;display:flex;overflow:visible}.blog figure.notion-embed .notion-embed-source{display:none}.blog figure.notion-embed figcaption{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);order:-1;margin:0 0 .6rem;padding:0;font-size:.75rem;font-style:normal;font-weight:600}.blog figure.notion-embed .notion-embed-container{border:1px solid var(--border);background-color:var(--card);box-shadow:var(--shadow-sm);border-radius:1rem;overflow:hidden}.blog iframe.ekatra-embed{border:0;width:100%;max-width:100%;display:block}