.blog-writing{--writing-text:var(--site-color-text,#29251f);--writing-muted:var(--site-color-muted,#655e52);--writing-surface:var(--site-color-surface,#fffdf7);--writing-border:var(--site-color-border,#b9af9c);width:100%;max-width:var(--site-width-reading,70ch);min-width:0;padding:var(--site-space-8,2rem) var(--site-space-4,1rem);color:var(--writing-text);font-family:var(--site-font-body,system-ui,sans-serif);overflow-wrap:anywhere;margin-inline:auto;font-size:1rem;line-height:1.85}.blog-writing,.blog-writing *,.blog-writing :after,.blog-writing :before{box-sizing:border-box}.blog-writing a{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.08em}.blog-writing a:hover{text-decoration-thickness:.15em}.blog-writing :focus-visible{outline:var(--site-focus-width,3px) solid var(--site-focus-color,#405e00);outline-offset:var(--site-focus-offset,3px)}.blog-writing h1{text-wrap:pretty;margin:0;font-size:calc(clamp(1.75rem,1.3rem + 2vw,2.5rem));font-weight:750;line-height:1.45}.blog-writing-heading{margin-bottom:2rem}.blog-writing-kind{color:var(--writing-muted);margin-bottom:.75rem;font-size:.9375rem;display:inline-block}.blog-writing .blog-writing-summary{color:var(--writing-muted);margin-block:1rem 0}.blog-writing-nav{flex-wrap:wrap;gap:.5rem 1.5rem;margin-block:1.5rem 2rem;display:flex}.blog-writing-nav a{padding-block:.5rem}.blog-writing-nav [aria-current=page]{font-weight:750;text-decoration-thickness:.15em}.blog-writing-items{margin:0;padding:0;list-style:none}.blog-writing-item{border-top:1px solid var(--writing-border);padding-block:1.5rem}.blog-writing-item h2{margin:0;font-size:1.25rem;font-weight:700;line-height:1.6}.blog-writing-item p{color:var(--writing-muted);margin-block:.75rem 0}.blog-writing-return{border-top:1px solid var(--writing-border);margin-top:3rem;padding-top:1.5rem}.blog-writing .blog-writing-prose{min-width:0}.blog-writing .blog-writing-prose :where(p,ul,ol,dl,blockquote,figure,pre,table){margin-block:1.25em}.blog-writing .blog-writing-prose :where(h2,h3,h4,h5,h6){margin-block:2em .75em;scroll-margin-top:2rem;font-weight:700;line-height:1.5}.blog-writing .blog-writing-prose h2{font-size:1.5rem}.blog-writing .blog-writing-prose h3{font-size:1.25rem}.blog-writing .blog-writing-prose :where(h4,h5,h6){font-size:1.125rem}.blog-writing .blog-writing-prose :where(ul,ol){padding-inline-start:1.5em}.blog-writing .blog-writing-prose ul{list-style:outside}.blog-writing .blog-writing-prose ol{list-style:decimal}.blog-writing .blog-writing-prose li+li{margin-top:.4em}.blog-writing .blog-writing-prose li>:where(ul,ol){margin-block:.5em}.blog-writing .blog-writing-prose blockquote{border-inline-start:.25rem solid var(--writing-border);color:var(--writing-muted);margin-inline:0;padding-inline-start:1rem}.blog-writing .blog-writing-prose :where(img,video){max-width:100%;height:auto;margin-inline:auto;display:block}.blog-writing .blog-writing-prose iframe{max-width:100%}.blog-writing .blog-writing-prose figcaption{color:var(--writing-muted);text-align:start;margin-top:.5rem;font-size:.875rem}.blog-writing .blog-writing-prose :where(code,pre){font-family:var(--site-font-mono,ui-monospace,monospace);font-size:.9em}.blog-writing .blog-writing-prose :not(pre)>code{background:var(--writing-surface);border:1px solid var(--writing-border);border-radius:.25rem;padding:.1em .3em}.blog-writing .blog-writing-prose pre{color:#e1e4e8;white-space:pre;overflow-wrap:normal;tab-size:2;background:#24292e;border-radius:.5rem;max-width:100%;padding:1rem;line-height:1.65;overflow-x:auto}.blog-writing .blog-writing-prose pre code{font-size:inherit}.blog-writing .blog-writing-prose table{border-collapse:collapse;max-width:100%;font-size:.9375rem;display:block;overflow-x:auto}.blog-writing .blog-writing-prose :where(th,td){border:1px solid var(--writing-border);text-align:start;vertical-align:top;min-width:7rem;padding:.65rem .8rem}.blog-writing .blog-writing-prose th{background:var(--writing-surface);font-weight:700}.blog-writing .blog-writing-prose hr{border:0;border-top:1px solid var(--writing-border);margin-block:2rem}@media (width>=48rem){.blog-writing{padding-block:3rem}}@media (forced-colors:active){.blog-writing :focus-visible{outline-color:highlight}}.blog-writing .blog-writing-dates{color:var(--writing-muted);flex-wrap:wrap;gap:.25rem 1rem;margin-block:.75rem;font-size:.875rem;display:flex}.blog-writing-heading img{max-width:100%;height:auto;margin-inline:auto;display:block}