.blog-page{background:var(--clr-surface);min-height:100dvh;padding:24px 16px}@media (min-width:768px){.blog-page{padding:32px 24px}}.blog-container{max-width:780px;margin:0 auto}.blog-container:has(.blog-article__layout){max-width:1100px}.blog-hero{margin:32px 0 40px}.blog-hero .blog-hero-label{color:var(--clr-fg-muted);margin-bottom:12px;font-size:.8125rem;font-weight:500;display:block}.blog-hero .blog-hero-title{font-size:var(--text-display);letter-spacing:-.028em;color:var(--clr-fg);text-wrap:balance;margin:0 0 16px;font-weight:560;line-height:1.06}.blog-hero .blog-hero-subtitle{letter-spacing:-.006em;color:var(--clr-fg-muted);max-width:52ch;margin:0;font-size:clamp(1.0625rem,1rem + .3125vw,1.25rem);line-height:1.5}.blog-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.blog-tabs::-webkit-scrollbar{display:none}.blog-tabs{padding-block-end:4px}@media screen and (min-width:768px){.blog-tabs{flex-wrap:wrap;padding-block-end:0;overflow-x:visible}}.blog-tab{border:1px solid var(--clr-border);background:var(--clr-surface);white-space:nowrap;min-height:40px;color:var(--clr-fg-muted);transition:background-color var(--dur-2) var(--ease-hover),border-color var(--dur-2) var(--ease-hover),color var(--dur-2) var(--ease-hover);border-radius:9999px;flex-shrink:0;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}@media (hover:hover){.blog-tab:hover{border-color:var(--clr-border-strong);color:var(--clr-fg)}}.blog-tab--active,.blog-tab--active:hover{background:var(--clr-brand-subtle);border-color:var(--clr-border-brand);color:var(--clr-brand-text)}.blog-tab:focus-visible{outline:3px solid var(--focus-ring,var(--clr-focus));outline-offset:3px}.blog-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:32px 0 16px;display:flex}.blog-pagination__num,.blog-pagination__btn{font-variant-numeric:tabular-nums;width:40px;height:40px;color:var(--clr-fg-muted);transition:background-color var(--dur-2) var(--ease-hover),color var(--dur-2) var(--ease-hover);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.blog-pagination__num:hover,.blog-pagination__btn:hover{background:var(--clr-surface-muted);color:var(--clr-fg)}}.blog-pagination__num:focus-visible,.blog-pagination__btn:focus-visible{outline:3px solid var(--focus-ring,var(--clr-focus));outline-offset:3px}.blog-pagination__btn--disabled{opacity:.3;pointer-events:none}.blog-pagination__num--active,.blog-pagination__num--active:hover{background:var(--clr-fg);color:var(--clr-fg-inverse)}.blog-list{flex-direction:column;display:flex}.blog-list-item{border-bottom:1px solid var(--clr-border);color:inherit;transition:background-color var(--dur-2) var(--ease-hover);align-items:flex-start;gap:16px;margin-inline:-8px;padding:20px 8px;text-decoration:none;display:flex}.blog-list-item:first-child{border-top:1px solid var(--clr-border)}@media (hover:hover){.blog-list-item:hover{background:var(--clr-surface-subtle)}.blog-list-item:hover .blog-list-item__title{color:var(--clr-brand-text)}}.blog-list-item__thumb{border-radius:var(--r-field);background:var(--clr-surface-subtle);flex-shrink:0;width:120px;height:80px;overflow:hidden}.blog-list-item__thumb img{object-fit:cover;width:100%;height:100%}.blog-list-item__content{flex:1;min-width:0}.blog-list-item__title{letter-spacing:-.012em;color:var(--clr-fg);-webkit-line-clamp:3;transition:color var(--dur-2) var(--ease-hover);-webkit-box-orient:vertical;margin:0 0 4px;font-size:1.0625rem;font-weight:520;line-height:1.35;display:-webkit-box;overflow:hidden}@media (min-width:640px){.blog-list-item__title{-webkit-line-clamp:2;font-size:1.1875rem}}.blog-list-item__desc{color:var(--clr-fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-list-item__meta{color:var(--clr-fg-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:.8125rem;display:flex}.blog-list-item__dot{color:var(--clr-fg-subtle)}.blog-article__header{margin-bottom:40px}.blog-article__header h1{letter-spacing:-.024em;color:var(--clr-fg);text-wrap:balance;margin:12px 0 16px;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem);font-weight:560;line-height:1.1}.blog-article__meta{color:var(--clr-fg-muted);gap:16px;font-size:14px;display:flex}.blog-article__hero,.blog-article__section-img-wrap{border-radius:var(--r-card);margin-bottom:32px;overflow:hidden}.blog-article__hero-img,.blog-article__section-img{width:100%;height:auto;display:block}.blog-article__author{background:var(--clr-surface-subtle);border-radius:var(--r-card);align-items:flex-start;gap:16px;max-width:68ch;margin-top:40px;padding:20px;display:flex}.blog-article__author-avatar{border-radius:9999px;flex-shrink:0}.blog-article__author-name{color:var(--clr-fg);margin:0 0 4px;font-size:16px;font-weight:520}.blog-article__author-bio{color:var(--clr-fg-muted);margin:0;font-size:14px;line-height:1.5}.blog-article__related,.blog-article__more{border-top:1px solid var(--clr-border-subtle);margin-top:48px;padding-block-start:32px}.blog-article__related h2,.blog-article__more h2{letter-spacing:-.012em;color:var(--clr-fg);margin:0 0 16px;font-size:clamp(1.125rem,1.083rem + .208vw,1.25rem);font-weight:520}.blog-article__related-links{flex-wrap:wrap;gap:8px;display:flex}.blog-article__related-link{border:1px solid var(--clr-border);min-height:40px;color:var(--clr-fg);transition:background-color var(--dur-2) var(--ease-hover),border-color var(--dur-2) var(--ease-hover);border-radius:9999px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.blog-article__related-link:hover{background:var(--clr-surface-subtle);border-color:var(--clr-border-strong)}}.blog-grid{border-top:1px solid var(--clr-border);grid-template-columns:1fr;display:grid}.blog-card{border-bottom:1px solid var(--clr-border);color:inherit;transition:background-color var(--dur-2) var(--ease-hover);padding:16px 8px;text-decoration:none;display:block}@media (hover:hover){.blog-card:hover{background:var(--clr-surface-subtle)}.blog-card:hover .blog-card__title{color:var(--clr-brand-text)}}.blog-card__title{color:var(--clr-fg);-webkit-line-clamp:3;transition:color var(--dur-2) var(--ease-hover);-webkit-box-orient:vertical;margin:8px 0 4px;font-size:16px;font-weight:520;line-height:1.35;display:-webkit-box;overflow:hidden}@media (min-width:640px){.blog-card__title{-webkit-line-clamp:2}}.blog-card__description{color:var(--clr-fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-cta{border-radius:var(--r-frame);background:var(--clr-paper);margin-top:64px;padding:32px 24px}@media (min-width:768px){.blog-cta{padding:40px}}.blog-cta h2{letter-spacing:-.02em;color:var(--clr-fg);text-wrap:balance;margin:0 0 12px;font-size:clamp(1.5rem,1.333rem + .833vw,2rem);font-weight:540;line-height:1.15}.blog-cta p{color:var(--clr-fg-muted);max-width:52ch;margin:0 0 24px;font-size:16px;line-height:1.6}.blog-article__layout{align-items:flex-start;gap:48px;display:flex}.blog-article__main{flex:1;min-width:0}.blog-article__body{max-width:68ch;color:var(--clr-fg-muted);font-size:1rem;line-height:1.65}@media (min-width:768px){.blog-article__body{font-size:1.0625rem}}.blog-article__body>section{margin-bottom:40px;scroll-margin-top:96px}.blog-article__body>section:last-child{margin-bottom:0}.blog-article__body h2{letter-spacing:-.02em;color:var(--clr-fg);text-wrap:balance;margin:0 0 16px;font-size:clamp(1.5rem,1.333rem + .833vw,2rem);font-weight:540;line-height:1.15}.blog-article__body h3{letter-spacing:-.012em;color:var(--clr-fg);margin:0 0 12px;font-size:clamp(1.125rem,1.083rem + .208vw,1.25rem);font-weight:520;line-height:1.3}.blog-article__body p{font-size:inherit;line-height:inherit;margin:0 0 16px}.blog-article__body p:last-child{margin-bottom:0}.blog-article__body strong{color:var(--clr-fg);font-weight:560}.blog-article__body code{border-radius:var(--r-chip);background:var(--clr-surface-muted);color:var(--clr-fg);padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.blog-article__body pre{border-radius:var(--r-card);background:var(--clr-surface-subtle);border:1px solid var(--clr-border-subtle);padding:16px;overflow-x:auto}.blog-article__body pre code{background:0 0;padding:0}.blog-article__body table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:14px}.blog-article__body th,.blog-article__body td{text-align:start;border-bottom:1px solid var(--clr-border);padding:12px 12px 12px 0}.blog-article__body th{color:var(--clr-fg);border-bottom-color:var(--clr-border-strong);font-weight:500}.blog-article__body figure{margin:0 0 24px}.blog-article__body figcaption{color:var(--clr-fg-muted);margin-top:8px;font-size:.8125rem}.blog-article__toc{display:none}@media (min-width:1024px){.blog-article__toc{-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0;width:240px;max-height:calc(100dvh - 192px);display:block;position:sticky;top:96px;overflow-y:auto}.blog-article__toc::-webkit-scrollbar{display:none}}.blog-article__toc-nav{border-inline-start:1px solid var(--clr-border);padding-inline-start:16px}.blog-article__toc-title{color:var(--clr-fg-muted);margin:0 0 12px;font-size:.8125rem;font-weight:500}.blog-article__toc-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.blog-article__toc-item a{color:var(--clr-fg-muted);transition:color var(--dur-2) var(--ease-hover);padding:4px 0;font-size:14px;line-height:1.4;text-decoration:none;display:block}.blog-article__toc-item a:hover{color:var(--clr-fg)}.blog-article__toc-item--sub{padding-inline-start:12px}.blog-article__toc-item--sub a{font-size:.8125rem}