.blog-post-body{display:grid;grid-template-columns:[text-start] min(100%,42rem) [text-end] minmax(0,10rem) [wide-end]}.blog-post-body>*{grid-column:text-start/text-end;min-width:0}.blog-post-body>.article-wide,.blog-post-body>blockquote,.blog-post-body>figure,.blog-post-body>pre{grid-column:text-start/wide-end}@media (max-width:1023px){.blog-post-body{display:block}.blog-post-body>.article-wide,.blog-post-body>blockquote,.blog-post-body>figure,.blog-post-body>pre{width:100%}}.blog-post-body>p:first-of-type{margin-top:0;margin-bottom:1.6rem;font-size:1.175rem;line-height:1.6;color:#0a0c12}.blog-post-body>h2:first-child,.blog-post-body>h3:first-child{margin-top:0;padding-top:0}.blog-post-body>h2:first-child:before{display:none}.article-rule{position:relative}.article-rule:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:rgb(10 12 18/12%)}@media (min-width:1024px){.article-rule:before{width:calc(100% + 10rem);max-width:52rem}}.article-ul>li:before{content:"";position:absolute;left:0;top:.82em;width:.85rem;height:1px;background:#ea4e14;opacity:.6}.article-ol{counter-reset:article-ol}.article-ol>li{counter-increment:article-ol}.article-ol>li:before{content:counter(article-ol,decimal-leading-zero);position:absolute;left:0;top:.28em;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;color:#5a6170}.blog-post-body li>ol,.blog-post-body li>ul{margin-top:.6rem;margin-bottom:0}.blog-post-body blockquote>p:last-child>em:only-child{display:block;margin-top:.9rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.72rem;font-style:normal;letter-spacing:.04em;color:#5a6170}.blog-post-body figure{margin:2.25rem 0}.blog-post-body figcaption{margin-top:.85rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.7rem;line-height:1.5;color:#5a6170}.blog-post-body .heading-anchor{margin-left:.35rem;font-weight:500;color:#868ea0;text-decoration:none;opacity:0;transition:opacity .15s ease}@media (hover:hover) and (pointer:fine){.blog-post-body h2:hover .heading-anchor,.blog-post-body h3:hover .heading-anchor{opacity:1}}.blog-post-body .heading-anchor:focus-visible{opacity:1}