.narrow{max-width:65ch;margin-inline:auto}.toc-wrapper{border:1px solid var(--border-color-subtle);border-radius:var(--radius-m);background:light-dark(color-mix(in srgb, var(--background-color) 94%, var(--foreground-color) 6%),#0e0e11);padding:var(--space-s) var(--space-m);margin-block-end:var(--space-l)}.toc-details summary{cursor:pointer;color:var(--foreground-color);user-select:none;align-items:center;gap:.5rem;font-weight:700;list-style:none;display:flex}.toc-details summary::-webkit-details-marker{display:none}.toc-details summary:before{content:"▸";transition:transform .2s;display:inline-block}.toc-details[open] summary:before{transform:rotate(90deg)}.toc-title{font-size:var(--font-size-0)}.toc-count{font-size:var(--font-size--1);color:color-mix(in srgb, var(--foreground-color) 70%, transparent);font-weight:400}.toc-list{gap:var(--space-3xs);flex-direction:column;margin-block-start:var(--space-s);margin-block-end:0;padding-inline-start:1.25rem;list-style:decimal;display:flex}.toc-list li{line-height:1.5;font-size:var(--font-size--1)}.toc-list li.toc-item--h3{margin-inline-start:1rem;list-style:outside}.toc-list li a{color:var(--link-color);text-decoration:none}.toc-list li a:hover,.toc-list li a:focus-visible{color:var(--link-hover-color);text-decoration:underline}.blog-content{overflow-wrap:anywhere;font-size:var(--font-size-0);line-height:1.75}.blog-content>*{margin-block:0}.blog-content>*+*,.blog-content>div>*+*{margin-block-start:var(--space-s)}.blog-content>h2{font-size:var(--font-size-3);text-wrap:balance;margin-block-start:var(--space-xl);scroll-margin-top:6rem;line-height:1.2}.blog-content>h3{font-size:var(--font-size-2);text-wrap:balance;margin-block-start:var(--space-l);scroll-margin-top:6rem;line-height:1.3}.blog-content>h4{font-size:var(--font-size-1);margin-block-start:var(--space-m);scroll-margin-top:6rem;line-height:1.4}.blog-content>p{text-wrap:pretty}.blog-content>ul,.blog-content>ol{gap:var(--space-2xs);padding-inline-start:1.5rem;display:grid}.blog-content>li>p,.blog-content>ul>li>p,.blog-content>ol>li>p{margin:0}.blog-content>blockquote{padding:var(--space-s) var(--space-m);border-inline-start:4px solid var(--link-color);border-radius:0 var(--radius-m) var(--radius-m) 0;background:color-mix(in srgb, var(--link-color) 7%, var(--background-color));margin-inline:0;font-style:italic}.blog-content>blockquote>*+*{margin-block-start:var(--space-xs)}.blog-content>pre{padding:var(--space-s);border:1px solid var(--border-color-subtle);border-radius:var(--radius-m);background:color-mix(in srgb, var(--foreground-color) 6%, var(--background-color));font-size:var(--font-size--1);line-height:1.6;overflow-x:auto}.blog-content>code{background:color-mix(in srgb, var(--foreground-color) 8%, var(--background-color));border-radius:.25rem;padding:.15em .35em;font-size:.9em}.blog-content>pre code{font-size:inherit;background:0 0;padding:0}.blog-content>img{border-radius:var(--radius-m);max-width:100%;height:auto;margin-inline:auto;display:block}.blog-content>figure{margin-inline:0}.blog-content>figcaption{color:color-mix(in srgb, var(--foreground-color) 70%, transparent);font-size:var(--font-size--1);text-align:center;margin-block-start:var(--space-2xs)}.blog-content>hr{margin-block:var(--space-l);border:0;border-block-start:1px solid var(--border-color-subtle)}.blog-content>table{border-collapse:collapse;width:100%;font-size:var(--font-size--1);display:block;overflow-x:auto}.blog-content th,.blog-content td{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border-color-subtle);text-align:start;vertical-align:top}.blog-content th{background:color-mix(in srgb, var(--foreground-color) 6%, var(--background-color));font-weight:700}.blog-content>dl{gap:var(--space-2xs);display:grid}.blog-content dt{font-weight:700}.blog-content dd{margin-inline-start:1.5rem}.blog-content mark{background:color-mix(in srgb, var(--color-secondary-500) 28%, transparent);padding-inline:.15em}.article-cover{object-fit:cover;border-radius:var(--radius-m);width:100%;max-height:30rem;display:block}.blog-actions{justify-content:space-between;align-items:center;gap:var(--space-s);border-block-start:1px solid var(--border-color-subtle);flex-wrap:wrap;padding-block-start:var(--space-m);display:flex}
