:where(.blog){--blog-width:72rem;--blog-gap:1.5rem;--blog-radius:.75rem;--blog-card-bg:var(--card);--blog-card-border:var(--line);--blog-ink:var(--ink);--blog-ink-2:var(--ink-2);--blog-muted:var(--muted);--blog-accent:var(--jade-ink);--blog-accent-soft:var(--jade-soft);--blog-title-s:1.0625rem;--blog-title-m:1.25rem;--blog-title-l:1.625rem;--blog-heading:clamp(1.75rem, 1.2rem + 2vw, 2.5rem);--blog-prose-width:68ch;--blog-prose-size:1.0625rem;--blog-prose-leading:1.75}.blog-body{color:var(--blog-ink);font-size:var(--blog-prose-size);line-height:var(--blog-prose-leading);overflow-wrap:anywhere}.blog-body>*+*{margin-block-start:1.1em}.blog-body :is(h2,h3,h4){color:var(--blog-ink);margin-block-start:1.8em;scroll-margin-block-start:5rem;font-weight:600;line-height:1.3}.blog-body h2{font-size:1.5em}.blog-body h3{font-size:1.25em}.blog-body h4{font-size:1.1em}.blog-body a{color:var(--blog-accent);text-underline-offset:.2em;text-decoration:underline}.blog-body :is(ul,ol){padding-inline-start:1.5em}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li+li{margin-block-start:.35em}.blog-body blockquote{border-inline-start:3px solid var(--blog-accent);color:var(--blog-ink-2);padding-inline-start:1em;font-style:italic}.blog-body :is(pre,code){font-family:var(--font-mono);font-size:.9em}.blog-body pre{background:var(--blog-accent-soft);border-radius:calc(var(--blog-radius) / 2);padding:1em;overflow-x:auto}.blog-body :not(pre)>code{background:var(--blog-accent-soft);border-radius:.25em;padding:.1em .35em}.blog-body :is(img,picture,video){border-radius:var(--blog-radius);block-size:auto;max-inline-size:100%}.blog-body figure{margin-inline:0}.blog-body figcaption{color:var(--blog-muted);text-align:center;margin-block-start:.5em;font-size:.85em}.blog-body iframe{aspect-ratio:16/9;border-radius:var(--blog-radius);border:0;block-size:auto;inline-size:100%}.blog-body table{border-collapse:collapse;inline-size:100%;font-size:.95em;display:block;overflow-x:auto}.blog-body :is(th,td){border:1px solid var(--blog-card-border);text-align:start;vertical-align:top;padding:.5em .75em}.blog-body th{background:var(--blog-accent-soft);font-weight:600}.blog-body hr{border:0;border-block-start:1px solid var(--blog-card-border)}.blog-body [style*="text-align: center"]{text-align:center}
