.post-blog-page .blog-post-title{color:var(--content-high);font-family:var(--font-ui);font-size:32px;font-weight:500;letter-spacing:normal;line-height:1.375;margin:0;overflow-wrap:anywhere}.blog-post-meta-row{margin-block-start:24px}.blog-post-author-and-meta{align-items:flex-end;color:var(--content-high);display:flex;flex-wrap:wrap;font-family:var(--font-ui);gap:20px 24px}.blog-post-author{align-items:center;display:flex;gap:16px;margin-inline-end:auto;min-width:0}.blog-post-avatar{border-radius:50%;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.blog-post-author-name{color:var(--content-high);font-size:16px;font-weight:600;line-height:24px}.blog-post-author-job{color:var(--content-medium);font-size:14px;line-height:20px}.blog-post-metadata{align-items:center;color:var(--content-high);display:flex;flex-wrap:wrap;font-size:14px;gap:12px 32px;line-height:20px}.blog-post-metadata svg{flex-shrink:0;height:18px;width:18px}.blog-recent-posts{font-family:var(--font-ui)}.blog-recent-heading{color:var(--content-high);font-size:18px;font-weight:500;line-height:28px;margin-block:0 20px}.blog-recent-list{display:flex;flex-direction:column;gap:16px}.blog-recent-link{color:var(--primary);font-size:14px;line-height:21px}.blog-recent-link:hover{text-decoration:underline;text-underline-offset:3px}.post-blog-page .blog-toc{background-color:#f8f9fa}.dark .post-blog-page .blog-toc{background-color:color-mix(in srgb,var(--background) 85%,#fff)}.post-blog-page .blog-toc a{color:#4b8bff;font-size:14px;font-weight:400;line-height:1.75}.post-blog-page .blog-toc a:hover{color:#2563eb}.dark .post-blog-page .blog-toc a{color:#93c5fd}.dark .post-blog-page .blog-toc a:hover{color:#bfdbfe}.blog-prose{--blog-link:var(--color-blue-600);--blog-link-hover:var(--color-blue-800);color:var(--content-high);line-height:1.75;min-width:0;overflow-wrap:anywhere}.dark .blog-prose{--blog-link:var(--color-blue-300);--blog-link-hover:var(--color-blue-200)}.blog-prose :where(h1,h2,h3,h4,h5,h6,strong){color:var(--content-high)}.blog-prose :where(p){color:inherit;line-height:1.75;margin-block:1rem}.blog-prose :where(ul,ol){color:inherit;margin-block:1rem;margin-inline:0;padding-inline-start:1.5rem}.blog-prose :where(ul){list-style-type:disc}.blog-prose :where(ol){list-style-type:decimal}.blog-prose :where(li){margin-block:.35rem;padding-inline-start:.25rem}.blog-prose :where(li>ul,li>ol){margin-block:.5rem}.post-blog-page .blog-prose :where(a){color:var(--blog-link);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.2em}.post-blog-page .blog-prose :where(a:hover){color:var(--blog-link-hover)}.blog-prose :where(a:focus-visible){outline:2px solid var(--ring);outline-offset:3px}.blog-prose :where(blockquote){background:var(--muted);border-inline-start:3px solid var(--primary);border-radius:0 8px 8px 0;color:var(--content-medium);margin-block:1.5rem;padding:.75rem 1.25rem}.blog-prose :where(blockquote>:first-child){margin-block-start:0}.blog-prose :where(blockquote>:last-child){margin-block-end:0}.blog-prose :where(:not(pre)>code){background:var(--muted);border-radius:4px;color:var(--foreground);padding:.125rem .375rem}.blog-prose :where(pre){background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--foreground);line-height:1.65;max-width:100%;overflow-wrap:normal;overflow-x:auto;padding:1rem}.blog-prose :where(pre>code){background:transparent;border:0;color:inherit;padding:0}.blog-prose :where(table){background:var(--surface);border-color:var(--border);color:var(--content-high);width:100%}.blog-prose :where(th,td){border-color:var(--border);text-align:start}.blog-prose :where(th){background:var(--muted)}.blog-prose :where(hr){border-color:var(--border)}
