.blog-index,.blog-article{--blog-ink: #27272a;--blog-muted: #62626b;--blog-rule: #e4e4e7;--blog-surface: #fafafa;color:var(--blog-ink);background:#fff}.dark .blog-index,.dark .blog-article{--blog-ink: #f4f4f5;--blog-muted: #a1a1aa;--blog-rule: #3f3f46;--blog-surface: #27272a;background:#18181b}.blog-index>section>div{max-width:1040px}.blog-index .blog-intro{padding-top:clamp(32px,4vw,56px);padding-bottom:0}.blog-index h1{margin:0;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;letter-spacing:-.04em;color:var(--blog-ink)}.blog-index h1+p{max-width:580px;margin-top:16px;font-size:1.125rem;line-height:1.65;color:var(--blog-muted)}.blog-index .blog-toolbar{justify-content:space-between;margin-top:24px;padding-bottom:16px;border-bottom:1px solid var(--blog-rule)}.blog-index .blog-toolbar>span{display:none}.blog-index .blog-toolbar :is(p,a){color:var(--blog-muted);font-weight:400}.blog-index a:focus-visible,.blog-article a:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}.blog-list-item{border-bottom:1px solid var(--blog-rule)}.blog-list-link{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;padding:24px 0}.blog-list-link-text{grid-template-columns:minmax(0,1fr)}.blog-list-image{aspect-ratio:32 / 21;overflow:hidden;border-radius:4px;background:var(--blog-surface)}.blog-list-image img{width:100%;height:100%;object-fit:cover}.blog-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;color:var(--blog-muted);font-size:.8125rem;line-height:1.5}.blog-list-copy h2{margin-top:10px;color:var(--blog-ink);font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.35;font-weight:550;letter-spacing:-.025em;text-wrap:pretty}.blog-list-copy>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;color:var(--blog-muted);font-size:1rem;line-height:1.65}.blog-list-read{display:inline-flex;gap:8px;margin-top:16px;color:var(--blog-ink);font-size:.875rem}.blog-list-link:is(:hover,:focus-visible) h2,.blog-back:hover,.blog-index .blog-toolbar a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.blog-index .blog-pagination{margin-top:28px;padding:0;border:0;border-radius:0;background:transparent}.blog-index .blog-pagination :is(a,span){border:0;border-radius:0;padding:12px 0;font-weight:400}.blog-index .blog-pagination :is(a,p){color:var(--blog-ink)}.blog-index .blog-pagination a:hover{text-decoration:underline;text-underline-offset:4px}.blog-index .blog-empty{border:0;border-radius:0;box-shadow:none;background:transparent;padding:40px 0}.blog-article>section{padding-top:28px;padding-bottom:64px}.blog-article>section>div{max-width:1160px}.blog-article-header{max-width:880px;margin-inline:auto;text-align:center}.blog-reading-column{min-width:0;max-width:660px;margin-inline:auto}.blog-reading-layout{margin-top:36px}.blog-article .blog-back{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:var(--blog-muted);font-size:.875rem;font-weight:400;letter-spacing:normal;text-transform:none}.blog-dateline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:28px;color:var(--blog-muted);font-size:.875rem}.blog-article h1{max-width:none;margin-top:12px;color:var(--blog-ink);font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.16;letter-spacing:-.035em;text-wrap:pretty}.blog-article .blog-description{max-width:600px;margin:20px auto 0;color:var(--blog-muted);font-size:1.125rem;line-height:1.6}.blog-article .blog-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:16px;padding-top:0;border:0;color:var(--blog-muted);font-size:.8125rem}.blog-article .blog-meta strong{font-weight:400}.blog-article .blog-hero{max-width:880px;margin:32px auto 0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:transparent}.blog-article .blog-hero>img{width:100%;height:auto;aspect-ratio:1200 / 630;border-radius:4px;object-fit:cover}.blog-article .blog-image-credit{position:static;display:block;margin-top:8px;padding:0;border-radius:0;background:transparent;color:var(--blog-muted);font-size:.75rem;text-align:right;backdrop-filter:none}.blog-article .blog-image-credit svg{display:none}.blog-article .rich-content{margin-top:0;color:var(--blog-ink);font-size:1.0625rem;line-height:1.7;overflow-wrap:anywhere}.blog-article .rich-content :is(h2,h3,h4){color:var(--blog-ink);font-weight:550;letter-spacing:-.02em;line-height:1.3}.blog-article .rich-content h2{margin-top:36px;font-size:clamp(1.4rem,2.5vw,1.75rem)}.blog-article .rich-content h3{margin-top:28px;font-size:1.25rem}.blog-article .rich-content>:first-child{margin-top:0}.blog-article .rich-content blockquote{margin-block:24px;border-left:2px solid var(--blog-rule);border-radius:0;background:transparent;color:var(--blog-muted);padding:4px 0 4px 24px}.blog-article .rich-content :is(pre,img){border-radius:4px}.blog-article .rich-content table{display:block;max-width:100%;overflow-x:auto;border-radius:0;font-size:.9375rem;line-height:1.6}.blog-article .rich-content [data-blog-cta]{margin-top:40px;padding-top:24px;border-color:var(--blog-rule)}.blog-article-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--blog-rule)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:32px;color:var(--blog-muted);font-size:.8125rem}@media(max-width:767px){.blog-list-link{grid-template-columns:200px minmax(0,1fr);gap:24px}.blog-list-link-text{grid-template-columns:minmax(0,1fr)}}@media(max-width:639px){.blog-list-link{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:24px}.blog-list-image{aspect-ratio:16 / 9}.blog-list-copy>p{-webkit-line-clamp:3}.blog-article-header{text-align:left}.blog-dateline,.blog-article .blog-meta{justify-content:flex-start}.blog-dateline,.blog-article .blog-hero,.blog-reading-layout{margin-top:24px}.blog-index .blog-pagination{column-gap:16px}.blog-index .blog-pagination p{order:-1;width:100%;font-weight:400}}.blog-article .rich-content :is(h2,h3)[id]{scroll-margin-top:128px}.blog-toc{display:block;min-width:0;max-width:660px;margin:0 auto 28px;color:var(--blog-muted);font-size:.8125rem;line-height:1.5}.blog-toc-desktop{display:none}.blog-toc-mobile{border-block:1px solid var(--blog-rule)}.blog-toc summary{cursor:pointer;padding-block:14px;color:var(--blog-ink);font-size:.875rem;font-weight:500}.blog-toc summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.blog-toc-mobile nav{padding-bottom:16px}.blog-toc ul{margin:0;padding:0;list-style:none}.blog-toc li+li{margin-top:4px}.blog-toc li>ul{margin-top:4px;padding-left:14px}.blog-toc a{display:block;padding-block:6px;transition:color .15s ease;overflow-wrap:anywhere}.blog-toc a:hover,.blog-toc a[aria-current=location]{color:var(--blog-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}@media(min-width:1100px){.blog-reading-layout-with-toc{display:grid;grid-template-columns:minmax(0,1fr) 660px minmax(0,1fr);gap:36px;align-items:start}.blog-toc{position:sticky;top:112px;max-height:calc(100dvh - 144px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:0;padding:0 8px 8px 0}.blog-toc-desktop{display:block}.blog-toc-desktop summary{display:none}.blog-toc-mobile{display:none}}.blog-category-label{display:inline-block;border-radius:4px;padding:3px 8px;background:#0d9ddb14;color:#086e9c;font-size:.8125rem;font-weight:500;line-height:1.5}.dark .blog-category-label{background:#48b8ff1f;color:#8bd0f5}
