.blog-post__article{--reading-width:680px;--blog-prose:var(--reading-width);--blog-full:calc(var(--max-outer-width) - 2 * var(--gutter));display:flex;flex-direction:column;align-items:center;padding-block:40px 88px}.blog-post__body,.blog-post__header{width:100%}.blog-post__header{max-width:var(--reading-width);display:flex;flex-direction:column;gap:16px}.blog-post__header h1,.blog-post__header p{margin:0}.blog-post__header p{max-width:60ch;color:var(--ink-secondary)}.v3-content .blog-post__back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:16px;color:var(--ink-secondary);text-decoration:none}.v3-content .blog-post__back:hover{color:var(--ink-primary)}.blog-post__cover{display:block;width:100%;max-width:880px;height:auto;aspect-ratio:15/8;-o-object-fit:cover;object-fit:cover;margin-top:32px;border-radius:4px}.blog-post__body{margin-top:40px}.v3 .blog-post__body>*{margin-block:0}.v3 .blog-post__body>*+*{margin-top:1.25em}.v3 .blog-post__body>h2{margin-top:2em}.v3 .blog-post__body>h2+*{margin-top:1em}.v3 .blog-post__body>h3{margin-top:1.6em}.v3 .blog-post__body>h3+*{margin-top:.6em}.v3 .blog-post__body>:is(figure,div,aside)+*,.v3 .blog-post__body>:is(figure,div,aside):not(:first-child){margin-top:2em}.blog-post__body ol,.blog-post__body ul{padding-left:1.625em}.blog-post__body ul{list-style:disc}.blog-post__body ol{list-style:decimal}.blog-post__body li{padding-left:.375em}.blog-post__body li+li{margin-top:.5em}.blog-post__body li::marker{color:var(--ink-muted)}.blog-post__body ul:has(>.blog-post__icon-item){padding-left:0;list-style:none}.blog-post__body .blog-post__icon-item{display:flex;align-items:flex-start;gap:12px;padding-left:0}.blog-post__icon-item>:first-child{margin-top:5px;color:var(--brand)}.blog-post__icon-item svg{stroke-width:1.75}.v3 .blog-post__body>.blog-post__context{padding:20px 23px;border-radius:8px;background:var(--linen);border:1px solid var(--line)}.v3 .blog-post__context>*{margin:0}.v3 .blog-post__context>*+*{margin-top:1em}@media (max-width:760px){.v3 .blog-post__body>.blog-post__context{padding-inline:15px}}.blog-post__body :is(h2,h3)[id]{scroll-margin-top:96px}.blog-post__body hr{border:0;border-top:1px solid var(--line)}.v3 .blog-post__body>hr{margin-block:2.5em}.blog-post__body blockquote{padding-left:1em;border-left:2px solid var(--brand);color:var(--ink-secondary)}.blog-post__body :not(pre)>code{padding:.15em .35em;border-radius:4px;background:var(--linen);font-family:var(--font-meta),monospace;font-size:.875em}.v3-content .blog-post__body a{color:var(--brand-dark);text-decoration:underline;text-underline-offset:3px}.blog-post__body img{border-radius:4px}.v3 .blog-post__details{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;color:var(--ink-secondary)}.blog-post__details>:not(:last-child):after{content:"·";margin-inline:8px;color:var(--ink-muted)}.v3-content .blog-post__category{display:inline-flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--category-color) 80%,black);text-decoration:none}.v3-content .blog-post__category:hover{text-decoration:underline;text-underline-offset:3px}.blog-post__category svg{width:13px;height:13px;color:var(--category-color)}.blog-post__related{padding-block:0 96px}.blog-post__related h2{margin:0 0 28px}.blog-post__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}@media (max-width:900px){.blog-post__article{padding-block:28px 64px}.blog-post__related{padding-bottom:64px}.blog-post__related-grid{grid-template-columns:1fr}}