.blog-flow{--flow-prose:min(var(--blog-prose,65ch),100%);--flow-reach:max(0px,(var(--blog-wide,880px) - var(--blog-prose,65ch))/2);--flow-outer:max(0px,(var(--blog-full,1200px) - var(--blog-wide,880px))/2);display:grid;grid-template-columns:minmax(0,1fr) [full-start] minmax(0,var(--flow-outer)) [wide-start] minmax(0,var(--flow-reach)) [prose-start] var(--flow-prose) [prose-end] minmax(0,var(--flow-reach)) [wide-end] minmax(0,var(--flow-outer)) [full-end] minmax(0,1fr);text-wrap:pretty}.blog-flow :is(h1,h2,h3,h4,h5,h6){text-wrap:balance}.blog-flow>*{grid-column:wide;min-width:0}.blog-flow>:is(p,h1,h2,h3,h4,h5,h6,ul,ol,dl,blockquote,hr){grid-column:prose}.blog-flow>:is(.blog-table,.blog-table-figure){grid-column:full;justify-self:center;width:-moz-fit-content;width:fit-content;min-width:min(100%,var(--blog-wide,880px));max-width:100%}.blog-flow>.blog-faq{grid-column:full}.blog-table-figure>.blog-table{width:100%}.blog-table-figure>.blog-sources{contain:inline-size;margin-top:12px}.blog-flow>.blog-sources{margin-top:12px}.blog-flow>p+.blog-sources{grid-column:prose;margin-top:0}.blog-flow>.blog-badges{grid-column:prose;margin-bottom:8px}.blog-flow>.blog-badges ul{padding-left:0}.blog-flow>.blog-badges li{margin-top:0;padding-left:8px}.blog-flow>.blog-badges+:not(.blog-badges){margin-top:12px}.blog-flow>.blog-block+.blog-block{margin-top:32px}.blog-flow>.blog-flow{grid-column:1/-1}.blog-flow.blog-flow>pre{margin-block:1.5rem;padding:16px 20px;overflow-x:auto;border:1px solid #d4ded5;border-radius:12px;background:#f4f7f2;color:#1b2722;font-size:13px;line-height:1.6;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.blog-flow.blog-flow pre code{padding:0;background:none;font-size:inherit;line-height:inherit}.blog-flow.blog-flow :not(pre)>code{font-size:13px}.blog-flow .tok-key{color:#0b5a8a}.blog-flow .tok-string{color:#2f6b3c}.blog-flow .tok-number{color:#a1501a}.blog-flow .tok-literal{color:#7a3db8}.blog-flow .tok-punct{color:#6a716e}