@layer components{.typeset-blog{--typeset-font-body: var(--font-sans);--typeset-font-heading: var(--font-display);--typeset-size: .95rem;--typeset-leading: 1.65;--typeset-flow: 1.15em}@media(min-width:48rem){.typeset-blog{--typeset-size: 1.125rem}}.typeset-blog :where(p,li,td,th,a,span,strong,em){letter-spacing:.008em}.typeset-blog :where(h2,h3,h4,h5,h6,[id]){scroll-margin-block-start:6rem}.typeset-blog>:first-child{margin-block-start:0}.typeset-blog :where(h2){font-size:1.45em;font-weight:500;line-height:1.25;letter-spacing:-.015em;margin-block-start:2.4em}.typeset-blog :where(h3){font-family:var(--font-sans);font-size:1.125em;font-weight:600;letter-spacing:-.01em;margin-block-start:1.8em}.typeset-blog :where(h2+*){margin-block-start:.75em}.typeset-blog :where(h3+*){margin-block-start:.4em}.typeset-blog :where(strong){font-weight:600;color:var(--color-foreground)}.typeset-blog .blog-heading-link{color:inherit;text-decoration:none}.typeset-blog .blog-heading-link:after{content:"#" / "";margin-inline-start:.35em;color:var(--typeset-muted);font-family:var(--font-sans);font-weight:400;opacity:0;transition:opacity .15s ease-out}.typeset-blog .blog-heading-link:is(:hover,:focus-visible):after{opacity:1}@media(prefers-reduced-motion:no-preference){html:has(.blog-article-grid){scroll-behavior:smooth}}.blog-reading-progress{transform:scaleX(var(--reading-progress, 0))}.blog-article-grid{--blog-toc-width: 12rem;--blog-measure: 42rem;--blog-column-gap: 3.5rem}.blog-article-main{max-width:var(--blog-measure);margin-inline:auto}.blog-article-toc{display:none}@media(min-width:80rem){.blog-article-grid{display:grid;grid-template-columns:var(--blog-toc-width) minmax(0,var(--blog-measure)) minmax(0,1fr);column-gap:var(--blog-column-gap);container-type:inline-size}.blog-article-toc{display:block;padding-block-start:6.5rem}.blog-article-main{margin-inline:0}.blog-article-main .typeset-scroll:has(thead th:nth-child(4)){width:calc(100cqi - var(--blog-toc-width) - var(--blog-column-gap))}}.typeset-blog .typeset-scroll table{width:100%;font-size:.875em;line-height:1.5}.typeset-blog .typeset-scroll :where(td,th){min-width:8.5rem}.typeset-blog .typeset-scroll thead th{font-family:var(--font-sans);font-size:.875em;color:var(--typeset-muted)}.typeset-blog .typeset-scroll tbody td:first-child{font-weight:600;color:var(--color-foreground)}.typeset-blog .typeset-scroll tbody td:nth-child(n+4):last-child{font-weight:500;color:var(--color-foreground)}@media(max-width:40rem){.typeset-blog .typeset-scroll :where(table,thead,td){display:block;width:auto;min-width:0}.typeset-blog .typeset-scroll table{border:0}.typeset-blog .typeset-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.typeset-blog .typeset-scroll tbody{display:grid;gap:.75rem}.typeset-blog .typeset-scroll tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1rem;padding:1rem 1.125rem 1.125rem;border-radius:.875rem;background:var(--color-card);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-border) 70%,transparent),0 1px 2px #0000000a}.typeset-blog .typeset-scroll tbody td{padding:0;border:0}.typeset-blog .typeset-scroll tbody td:first-child{grid-column:1 / -1;font-size:1.0625em;line-height:1.35}.typeset-blog .typeset-scroll tbody td:not(:first-child)[data-label]:before{content:attr(data-label);display:block;margin-block-end:.3rem;font-size:.75rem;font-weight:500;line-height:1.2;letter-spacing:.01em;color:var(--typeset-muted)}.typeset-blog .typeset-scroll tbody td:nth-child(n+4):last-child{grid-column:1 / -1;padding-block-start:.875rem;border-block-start:1px solid var(--typeset-rule);font-weight:600}}.typeset-blog :where(pre,[role=region]):focus-visible{outline:2px solid var(--ring);outline-offset:4px}}