:root{--blog-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--blog-text-size: 16px;--blog-line-height: 1.6;--blog-text-weight: 400;--blog-letter-spacing: 0em;--blog-paragraph-spacing: .75em;--blog-content-width: 60ch;--blog-wide-width: 900px;--blog-title-size: 40px;--blog-title-weight: 600;--blog-subtitle-size: 18px;--blog-heading-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--blog-heading-size: 24px;--blog-subheading-size: 19px;--blog-heading-weight: 600;--blog-heading-space: 40px}.post-list{list-style:none;padding:0;max-width:760px}.post-list li{padding:24px 0;border-bottom:1px solid var(--site-rule)}.post-list li>a{font-size:24px;font-weight:600}.post-list p{margin:8px 0}.post-list small,.proof-notice{color:var(--site-muted)}.search-controls{display:flex;gap:24px;max-width:760px}.search-controls label{display:flex;flex:1;flex-direction:column;font-size:14px;gap:8px}.search-controls input,.search-controls select{min-height:44px;padding:10px;border:1px solid var(--site-rule);border-radius:6px;background:var(--color-bg-default);color:inherit;font:inherit}.tag-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.docs-article{max-width:var(--blog-wide-width);overflow-wrap:anywhere}.docs-article>div{max-width:100%}.docs-article figure:not([data-docs-diagram]) img{max-height:260px;object-fit:contain;margin:24px auto;display:block}body[data-page=blog] .page>article:has(>.docs-article){max-width:var(--blog-wide-width)}.page>article>.page-heading{max-width:var(--blog-content-width);font-family:var(--blog-font);font-size:var(--blog-text-size)}.page>article>.page-heading h1{font-family:var(--blog-heading-font);font-size:clamp(28px,7vw,var(--blog-title-size));font-weight:var(--blog-title-weight)}.page>article>.page-heading .page-subtitle{font-size:var(--blog-subtitle-size)}.docs-article{font-family:var(--blog-font);font-size:var(--blog-text-size);--style-content-width:var(--blog-content-width);--style-wide-width:var(--blog-wide-width);--style-font-size:var(--blog-text-size);--style-line-height:var(--blog-line-height)}.docs-article [data-doc-block=paragraph]>p,.docs-article [data-doc-block=list-item],.docs-article .ProseMirror>:is(p,li){font-size:var(--blog-text-size);line-height:var(--blog-line-height);font-weight:var(--blog-text-weight);letter-spacing:var(--blog-letter-spacing)}.docs-article [data-doc-block=paragraph]>p,.docs-article .ProseMirror>p{margin-block:var(--blog-paragraph-spacing)}.docs-article :is(h1,h2,h3,h4){font-family:var(--blog-heading-font);font-weight:var(--blog-heading-weight)}.docs-article h2{font-size:var(--blog-heading-size);margin-top:var(--blog-heading-space)}.docs-article h3{font-size:var(--blog-subheading-size);margin-top:calc(var(--blog-heading-space) * .7)}@media(max-width:600px){.search-controls{flex-direction:column;gap:12px}}.docs-article figure:not([data-docs-diagram]) img{background:#fff;padding:12px}.writing-heading h1{font-size:44px;font-weight:500;margin-bottom:28px}.writing-heading p{font-size:18px;line-height:1.8}.writing-heading .writing-video{font-size:15px;color:var(--site-muted)}.writing-search{margin:32px 0 44px}.writing-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.writing-search input{width:100%;font:inherit;font-size:14px;color:inherit;background:transparent;border:1px solid var(--site-rule);border-radius:6px;padding:11px 14px;min-height:44px}.writing-search [role=status]{font-size:13px;color:var(--site-muted);margin:8px 0 0}.writing-search [role=status]:empty{display:none}.writing-section{margin:0 0 48px}.writing-section+.writing-section{border-top:1px solid var(--site-rule);padding-top:36px}.writing-section h2{font-size:26px;font-weight:700;margin-bottom:14px}.section-description{color:var(--site-muted);margin-bottom:16px}.curated-posts{list-style:none;padding:0;margin:0}.curated-posts li{padding:12px 0;line-height:1.65}.curated-posts a{font-size:17px;font-weight:500;text-decoration:none}.curated-posts a:hover{text-decoration:underline}.curated-posts span{display:block;color:var(--site-muted);font-size:15px;margin-top:2px}@media(max-width:760px){.writing-heading h1{font-size:36px}.writing-heading p{font-size:16px}.writing-search{margin:24px 0 32px}}.writing-main .post-list li>a{font-size:20px;font-weight:500;text-decoration:none}.writing-main .post-list p{font-size:15px;color:var(--site-muted)}.writing-main .post-list small{font-size:12px}.site-sidebar .writing-feed{margin-top:28px;font-size:13px}.docs-article [data-docs-block-type=file-tree] .line-through[class*=removed-fg]{text-decoration:none}@media(max-width:760px){.docs-article [data-docs-block-type=file-tree]>div{display:grid}.docs-article [data-docs-block-type=file-tree]>div>div{min-width:max-content}.docs-article [data-docs-block-type=file-tree] .truncate{flex:none;max-width:none;overflow:visible;text-overflow:clip}}.docs-article{--diagram-max-height:70vh}.docs-article [data-doc-block-type=canvas]{max-width:var(--style-content-width,60ch)}.docs-article [data-docs-diagram] .docs-diagram-preview img{width:auto;height:auto;max-width:min(100%,var(--diagram-fit-width,100%));max-height:var(--diagram-max-height);margin-inline:auto;object-fit:contain}.docs-article [data-docs-diagram] figcaption{font-size:15px}.post-byline{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:18px 0 0}.post-author{display:flex;width:fit-content;align-items:center;gap:10px;color:var(--color-text-default);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none}.post-author:hover{color:var(--color-text-navigation)}.post-avatar{flex:none;display:block;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--color-bg-sidebar);box-shadow:0 0 0 1px var(--site-rule)}.post-avatar img{display:block;width:190%;max-width:none;height:auto;margin:-2% 0 0 -45%}.post-meta{display:flex;flex-wrap:wrap;color:var(--site-muted);font-size:14px;line-height:1.6}.page>article>.page-heading .post-meta{margin:0;font-size:14px}.post-meta>*+*:before{content:"·";padding:0 8px}.post-meta a{color:inherit;text-decoration-color:var(--site-rule)}.post-meta a:hover{color:var(--color-text-navigation)}.post-rail{display:none}.docs-article :is(h2,h3)[id]{scroll-margin-top:24px}@media(prefers-reduced-motion:no-preference){html:has(.post-toc){scroll-behavior:smooth}}@media(min-width:1280px){body[data-page=blog] .page>article.post{--post-gap:56px;font-size:var(--blog-text-size);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--blog-content-width)) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--post-gap);max-width:none;margin-inline:0}article.post>.page-heading,article.post>.docs-article{grid-column:2;min-width:0}article.post>.page-heading .post-back,article.post>.page-heading .post-byline{display:none}article.post .docs-article [data-doc-lane]{max-width:100%}article.post>.post-rail{display:block;grid-row:1 / span 2}article.post>.post-rail-start{grid-column:1;justify-self:end;width:min(100%,184px)}article.post>.post-rail-end{grid-column:3;justify-self:start;width:min(100%,232px)}}.writing-section h2[id]{scroll-margin-top:24px}@media(min-width:1280px){.writing-layout-toc{grid-template-columns:var(--site-sidebar-width) minmax(0,780px) var(--site-sidebar-width);justify-content:space-between;column-gap:48px}.writing-layout-toc>.post-rail{display:block}.writing-layout-toc:has([data-writing-content][hidden])>.post-rail{visibility:hidden}}.post-rail-inner{position:sticky;top:32px;max-height:calc(100vh - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:8px}.post-rail-back{display:block;width:fit-content;color:var(--site-muted);font-size:13px;text-decoration:none;margin-bottom:28px}.post-rail-back:hover{color:var(--color-text-navigation)}.post-rail-start .post-author{flex-direction:column;align-items:flex-start;gap:12px;font-size:15px}.post-rail-start .post-avatar{width:60px;height:60px}.post-rail-start .post-meta{flex-direction:column;font-size:13px;gap:2px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--site-rule)}.post-rail-start .post-meta>*+*:before{content:none}.post-toc h2{font-size:14px;font-weight:500;line-height:1.4;color:var(--color-text-default);margin:0 0 10px}.post-toc ol{list-style:none;margin:0;padding:0}.post-toc li{--x:0px;position:relative;margin:0}.post-toc li[data-depth="3"]{--x:12px}.post-toc li:before{content:"";position:absolute;top:0;bottom:0;left:var(--x);width:1px;background:var(--site-rule)}.post-toc a{display:block;padding:5px 0 5px calc(var(--x) + 14px);font-size:13.5px;line-height:1.45;color:var(--site-muted);text-decoration:none;overflow-wrap:anywhere;transition:color .15s}.post-toc a:hover{color:var(--color-text-default)}.post-toc li[data-active]:before{width:2px;left:calc(var(--x) - .5px);background:var(--color-text-navigation)}.post-toc li[data-active]>a{color:var(--color-text-navigation)}.post-toc li[data-depth="2"]+li[data-depth="3"]:before,.post-toc li[data-depth="3"]+li[data-depth="2"]:before{top:8px}.post-toc li[data-depth="2"]+li[data-depth="3"]:after,.post-toc li[data-depth="3"]+li[data-depth="2"]:after{content:"";position:absolute;top:0;left:0;width:13px;height:8px;--line:var(--site-rule)}.post-toc li[data-depth="2"]+li[data-depth="3"]:after{background:linear-gradient(to top right,transparent calc(50% - 1px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + 1px))}.post-toc li[data-depth="3"]+li[data-depth="2"]:after{background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + 1px))}.post-toc li[data-active]:after{--line:var(--color-text-navigation)}@media(prefers-reduced-motion:reduce){.post-toc a{transition:none}}
