.blog-post{max-width:72ch;padding:calc(var(--spacing) * 12) calc(var(--spacing) * 4) calc(var(--spacing) * 16);margin-inline:auto}.blog-post-header{margin-bottom:calc(var(--spacing) * 12)}.blog-post-back{min-height:44px;margin-bottom:calc(var(--spacing) * 6);color:var(--color-neutral);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex}.blog-post-back:hover{color:var(--color-base-content)}.blog-post-header h1{font-size:var(--fs-40);text-wrap:balance;overflow-wrap:anywhere;line-height:1.15}.blog-post-deck{margin-top:calc(var(--spacing) * 6);color:var(--color-neutral);font-size:var(--text-xl);line-height:1.6}.blog-post-meta{align-items:center;column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 8);padding-top:calc(var(--spacing) * 6);border-top:1px solid var(--color-base-300);color:var(--color-neutral);font-size:var(--text-sm);flex-wrap:wrap;line-height:1.6;display:flex}.blog-post-meta a{color:var(--color-base-content);text-underline-offset:.2em;text-decoration:underline}.blog-post-body{min-width:0;font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.8}.blog-post-body>*+*{margin-top:calc(var(--spacing) * 6)}.blog-post-body h2,.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{margin-top:calc(var(--spacing) * 12);margin-bottom:calc(var(--spacing) * 4);scroll-margin-top:calc(var(--sticky-chrome,64px) + var(--spacing) * 8);line-height:1.35}.blog-post-body h2{font-size:var(--text-3xl)}.blog-post-body h3,.blog-post-body h4,.blog-post-body h5,.blog-post-body h6{margin-top:calc(var(--spacing) * 8);font-size:var(--text-xl)}.blog-post-body :is(h2,h3,h4,h5,h6)+*{margin-top:0}.blog-post-body a{text-decoration:underline;-webkit-text-decoration-color:var(--color-neutral);text-decoration-color:var(--color-neutral);text-underline-offset:.2em}.blog-post-body a:hover{text-decoration-color:currentColor}.blog-post-body .heading-anchor{min-width:44px;min-height:44px;margin-block:calc(var(--spacing) * -2);margin-left:calc(var(--spacing) * 2);border-radius:var(--radius-field);color:var(--color-neutral);font-family:var(--font-sans);font-size:var(--text-xl);vertical-align:baseline;justify-content:center;align-items:center;font-weight:400;text-decoration:none;display:inline-flex}.blog-post-body strong{font-weight:600}.blog-post-body ul,.blog-post-body ol{padding-left:calc(var(--spacing) * 6)}.blog-post-body ul{list-style:outside}.blog-post-body ol{list-style:decimal}.blog-post-body li+li,.blog-post-body li>*+*{margin-top:calc(var(--spacing) * 2)}.blog-post-body li::marker{color:var(--color-neutral)}.blog-post-body blockquote{border-left:calc(var(--spacing) * 1) solid var(--color-base-300);border-radius:0 var(--radius-field) var(--radius-field) 0;background:var(--color-base-200);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 6)}.blog-post-body blockquote>*+*{margin-top:calc(var(--spacing) * 4)}.blog-post-body code{border-radius:var(--radius-sm);background:var(--color-base-200);padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1);font-family:var(--font-mono);font-size:.9em}.blog-post-body pre{border:1px solid var(--color-base-300);border-radius:var(--radius-field);background:var(--color-base-200);max-width:100%;padding:calc(var(--spacing) * 6);font-size:var(--text-sm);overflow-wrap:normal;line-height:1.7;overflow-x:auto}.blog-post-body pre code{padding:0;font-size:1em}.blog-post-body hr{margin-block:calc(var(--spacing) * 12);border-color:var(--color-base-300)}.blog-post-body .md-table-wrap{max-width:100%;margin-block:calc(var(--spacing) * 8)}.blog-post-body .md-table{font-size:var(--text-sm);line-height:1.6}.blog-post-body .md-table-numeric{white-space:nowrap;font-variant-numeric:tabular-nums}.blog-post-body .md-table-numeric:before{white-space:normal}.blog-post-footer{margin-top:calc(var(--spacing) * 12);padding-top:calc(var(--spacing) * 8);border-top:1px solid var(--color-base-300)}.blog-toc-rail{display:none}.blog-toc-mobile{min-width:0;margin-bottom:calc(var(--spacing) * 8);border-block:1px solid var(--color-base-300);font-size:var(--text-sm)}.blog-toc-mobile summary{min-height:44px;padding-block:calc(var(--spacing) * 4);cursor:pointer;font-weight:600}.blog-toc-mobile nav{padding-bottom:calc(var(--spacing) * 4)}.blog-toc-title{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-sm);font-weight:600}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-list a{min-height:44px;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);border-left:2px solid var(--color-base-300);color:var(--color-neutral);font-size:var(--text-sm);overflow-wrap:anywhere;align-items:center;line-height:1.6;text-decoration:none;display:flex}.blog-toc-list a:hover{color:var(--color-base-content)}.blog-toc-list a[aria-current=location]{border-left-color:var(--color-primary);color:var(--color-gold-text);font-weight:600}.blog-toc-list a:focus-visible,.blog-toc-mobile summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:no-preference){html:has(.blog-post){scroll-behavior:smooth}}@media (min-width:640px){.blog-post-body .md-table-numeric{width:1%}.blog-post{padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 16)}.blog-post-header h1{font-size:var(--fs-56)}}@media (min-width:1200px){.blog-post:has(.blog-toc-rail){column-gap:calc(var(--spacing) * 12);max-width:calc(72ch + 240px + var(--spacing) * 12);grid-template-columns:240px minmax(0,1fr);display:grid}.blog-post:has(.blog-toc-rail)>:is(header,.blog-post-body,footer){grid-column:2}.blog-toc-rail{top:calc(var(--sticky-chrome,64px) + var(--spacing) * 8);max-height:calc(100dvh - var(--sticky-chrome,64px) - var(--spacing) * 16);padding:calc(var(--spacing) * 1);grid-area:2/1/4;align-self:start;display:block;position:sticky;overflow-y:auto}.blog-toc-mobile{display:none}}@media (hover:hover) and (pointer:fine){.blog-post-body .heading-anchor{opacity:0}.blog-post-body :is(h2,h3,h4,h5,h6):hover .heading-anchor,.blog-post-body .heading-anchor:focus-visible{opacity:1}}