@layer components{.blog-hero{padding:var(--fluid-padding-section) var(--fluid-padding-inner);text-align:center}.blog-hero h1{margin-bottom:var(--space-4)}.blog-hero p{max-width:640px;margin-left:auto;margin-right:auto;color:var(--coal-5)}.dark .blog-hero p{color:var(--cream-5)}.blog-featured-post{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);overflow:hidden;background-color:var(--cream-0);text-decoration:none;transition:box-shadow .2s ease}.blog-featured-post:hover{box-shadow:var(--shadow-1)}.dark .blog-featured-post{background-color:var(--coal-2)}.blog-featured-post-image{position:relative;aspect-ratio:16/10;overflow:hidden}.blog-featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-featured-post:hover .blog-featured-post-image img{transform:scale(1.03)}.blog-featured-post-body{display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);gap:var(--space-4)}.blog-featured-post-body h2{font-size:var(--type-4xl);line-height:var(--leading-tight);margin:0}.blog-featured-post-body p{font-size:var(--type-md);color:var(--coal-5);margin:0}.dark .blog-featured-post-body p{color:var(--cream-5)}.blog-featured-post-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-sm);color:var(--coal-5)}.dark .blog-featured-post-meta{color:var(--cream-5)}.blog-featured-post-meta-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.blog-featured-post-meta-dot{width:4px;height:4px;border-radius:50%;background-color:var(--coal-6)}.dark .blog-featured-post-meta-dot{background-color:var(--cream-5)}@media (max-width:767px){.blog-featured-post{grid-template-columns:1fr}.blog-featured-post-body{padding:var(--space-6)}.blog-featured-post-body h2{font-size:var(--type-2xl)}}.blog-post-card{display:flex;flex-direction:column;overflow:hidden;background-color:var(--cream-0);text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.blog-post-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.dark .blog-post-card{background-color:var(--coal-2)}.blog-post-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:var(--cream-3)}.dark .blog-post-card-image{background-color:var(--coal-3)}.blog-post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post-card:hover .blog-post-card-image img{transform:scale(1.03)}.blog-post-card-body{display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-3);flex:1}.blog-post-card-body h3{font-size:var(--type-xl);line-height:var(--leading-snug);font-weight:600;margin:0}.blog-post-card-excerpt{font-size:var(--type-sm);line-height:var(--leading-normal);color:var(--coal-5);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dark .blog-post-card-excerpt{color:var(--cream-5)}.blog-post-card-footer{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-sm);color:var(--coal-5);padding-top:var(--space-3);margin-top:auto}.dark .blog-post-card-footer{color:var(--cream-5)}.blog-post-card-footer-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.blog-post-card-footer-dot{width:3px;height:3px;border-radius:50%;background-color:var(--coal-6)}.dark .blog-post-card-footer-dot{background-color:var(--cream-5)}.blog-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);padding:var(--space-8) 0}@media (max-width:767px){.blog-post-grid{grid-template-columns:1fr;gap:var(--space-6)}}.blog-post-grid-load-more{display:flex;justify-content:center;padding:var(--space-8) 0}.blog-post-grid-load-more button{padding:var(--space-3) var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--coal-5-20);background-color:transparent;color:var(--coal-3);font-size:var(--type-sm);font-weight:500;transition:background-color .15s ease,border-color .15s ease}.blog-post-grid-load-more button:hover{background-color:var(--cream-2);border-color:var(--coal-5-50)}.dark .blog-post-grid-load-more button{border-color:var(--cream-5);color:var(--cream-3)}.dark .blog-post-grid-load-more button:hover{background-color:var(--coal-3);border-color:var(--cream-3)}.blog-category-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--type-xs);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;background-color:var(--cream-3);color:var(--coal-3);transition:opacity .15s ease}.blog-category-pill:hover{opacity:.8}.dark .blog-category-pill{background-color:var(--coal-3);color:var(--cream-3)}.blog-filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0}.blog-filter-pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--type-sm);font-weight:500;border:1px solid var(--coal-5-20);background-color:transparent;color:var(--coal-4);transition:background-color .15s ease,border-color .15s ease}.blog-filter-pill:hover{background-color:var(--cream-2);border-color:var(--coal-5-50)}.blog-filter-pill-active{background-color:var(--coal-2);color:var(--cream-1);border-color:var(--coal-2)}.blog-filter-pill-active:hover{background-color:var(--coal-3);border-color:var(--coal-3)}.dark .blog-filter-pill{border-color:var(--cream-5);color:var(--cream-4)}.dark .blog-filter-pill:hover{background-color:var(--coal-3);border-color:var(--cream-3)}.dark .blog-filter-pill-active{background-color:var(--cream-2);color:var(--coal-1);border-color:var(--cream-2)}.dark .blog-filter-pill-active:hover{background-color:var(--cream-3);border-color:var(--cream-3)}.blog-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-sm);font-weight:500;color:var(--coal-5);text-decoration:none;margin-bottom:var(--space-6);transition:color .15s ease}.blog-back-link:hover{color:var(--coal-2)}.dark .blog-back-link{color:var(--cream-5)}.dark .blog-back-link:hover{color:var(--cream-2)}.blog-post-header{padding:var(--space-12) var(--fluid-padding-inner) var(--space-8);max-width:720px;margin:0 auto}.blog-post-header h1{font-size:clamp(1.75rem,1.3rem + 3vw,3.5rem);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.blog-post-header-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--type-sm);color:var(--coal-5)}.dark .blog-post-header-meta{color:var(--cream-5)}.blog-post-header-author{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.blog-post-header-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.blog-post-header-author-name{font-weight:500;color:var(--coal-3)}.dark .blog-post-header-author-name{color:var(--cream-3)}.blog-post-header-dot{width:4px;height:4px;border-radius:50%;background-color:var(--coal-6)}.dark .blog-post-header-dot{background-color:var(--cream-5)}.blog-post-header-cover{margin-top:var(--space-8);border-radius:var(--radius-xxl);overflow:hidden}.blog-post-header-cover img{width:100%;height:auto;display:block}.blog-post-header-pills{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.blog-post-reading-time{font-size:var(--type-sm);color:var(--coal-5)}.dark .blog-post-reading-time{color:var(--cream-5)}.blog-post-cover-wrapper{max-width:1000px;margin:0 auto;padding:0 var(--fluid-padding-inner)}.blog-post-cover-image{width:100%;height:auto;border-radius:var(--radius-xxl)}.blog-post-related-wrapper{max-width:1000px;margin:0 auto;padding:0 var(--fluid-padding-inner)}@media (max-width:767px){.blog-post-header{padding:var(--space-8) var(--fluid-padding-inner) var(--space-6)}.blog-post-cover-image,.blog-post-header-cover{border-radius:var(--radius-lg)}}.blog-gated-overlay{position:relative;margin-top:calc(-1 * var(--space-16));padding-top:var(--space-16);background:linear-gradient(to bottom,transparent 0,var(--cream-1) 40%)}.dark .blog-gated-overlay{background:linear-gradient(to bottom,transparent 0,var(--coal-1) 40%)}.blog-gated-overlay-content{text-align:center;padding:var(--space-12) var(--space-6)}.blog-gated-overlay-content h3{margin-bottom:var(--space-3)}.blog-gated-overlay-content p{color:var(--coal-5);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.dark .blog-gated-overlay-content p{color:var(--cream-5)}.blog-post-layout{display:grid;grid-template-columns:1fr 260px;gap:var(--space-12);max-width:1000px;margin:0 auto;padding:0 var(--fluid-padding-inner)}@media (max-width:1023px){.blog-post-layout{grid-template-columns:1fr;gap:var(--space-8)}}.blog-sidebar{display:flex;flex-direction:column;gap:var(--space-8)}.blog-sidebar-sticky{position:sticky;top:var(--space-8)}@media (max-width:1023px){.blog-sidebar{order:-1}}.blog-author-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);background-color:var(--cream-0);border-radius:var(--radius-xxl);gap:var(--space-3);text-decoration:none}.dark .blog-author-card{background-color:var(--coal-2)}.blog-author-card-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.blog-author-card-name{font-size:var(--type-md);font-weight:600;color:var(--coal-2)}.dark .blog-author-card-name{color:var(--cream-2)}.blog-author-card-bio{font-size:var(--type-sm);line-height:var(--leading-normal);color:var(--coal-5);margin:0}.dark .blog-author-card-bio{color:var(--cream-5)}.blog-author-card-links{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.blog-author-card-links a{color:var(--coal-5);transition:color .15s ease}.blog-author-card-links a:hover{color:var(--coal-2)}.dark .blog-author-card-links a{color:var(--cream-5)}.dark .blog-author-card-links a:hover{color:var(--cream-2)}.blog-toc{padding:var(--space-4) 0}.blog-toc-title{font-size:var(--type-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--coal-5);margin-bottom:var(--space-4)}.dark .blog-toc-title{color:var(--cream-5)}.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.blog-toc-item{border-left:2px solid transparent;transition:border-color .15s ease}.blog-toc-item-active{border-left-color:var(--coal-3)}.dark .blog-toc-item-active{border-left-color:var(--cream-3)}.blog-toc-link{display:block;padding:var(--space-1) var(--space-3);font-size:var(--type-sm);color:var(--coal-5);text-decoration:none;transition:color .15s ease;line-height:var(--leading-normal)}.blog-toc-link:hover{color:var(--coal-2)}.dark .blog-toc-link{color:var(--cream-5)}.dark .blog-toc-link:hover{color:var(--cream-2)}.blog-toc-link-h3{padding-left:var(--space-6)}.blog-toc-link-active{color:var(--coal-2);font-weight:500}.dark .blog-toc-link-active{color:var(--cream-2)}.blog-share-buttons{display:flex;gap:var(--space-2);align-items:center}.blog-share-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--coal-5-20);background-color:transparent;color:var(--coal-4);transition:background-color .15s ease,color .15s ease}.blog-share-button:hover{background-color:var(--cream-2);color:var(--coal-2)}.dark .blog-share-button{border-color:var(--cream-5);color:var(--cream-4)}.dark .blog-share-button:hover{background-color:var(--coal-3);color:var(--cream-2)}.blog-share-copied{font-size:var(--type-xs);color:var(--primary-1);font-weight:500;padding-left:var(--space-2)}.blog-cta-section{background-color:var(--coal-2);color:var(--cream-1);padding:var(--space-16) var(--fluid-padding-inner);text-align:center;border-radius:var(--radius-3xl);margin:var(--space-12) 0}.dark .blog-cta-section{background-color:var(--cream-2);color:var(--coal-1)}.blog-cta-section h2{color:var(--cream-1);margin-bottom:var(--space-4)}.dark .blog-cta-section h2{color:var(--coal-1)}.blog-cta-section p{color:var(--cream-3);max-width:540px;margin:0 auto var(--space-8);font-size:var(--type-md)}.dark .blog-cta-section p{color:var(--coal-5)}.blog-cta-button{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-8);border-radius:var(--radius-xl);font-size:var(--type-md);font-weight:500;background-color:var(--cream-1);color:var(--coal-2);text-decoration:none;transition:opacity .15s ease}.blog-cta-button:hover{opacity:.9}.dark .blog-cta-button{background-color:var(--coal-2);color:var(--cream-1)}@media (max-width:767px){.blog-cta-section{padding:var(--space-10) var(--space-6);border-radius:var(--radius-xxl)}}.blog-related-posts{padding:var(--space-12) 0}.blog-related-posts h2{font-size:var(--type-2xl);margin-bottom:var(--space-8)}.blog-related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width:1023px){.blog-related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.blog-related-posts-grid{grid-template-columns:1fr}}.blog-content{max-width:720px;margin:0 auto;font-size:var(--type-md);line-height:var(--leading-normal);color:var(--coal-3)}.dark .blog-content{color:var(--cream-3)}.blog-content h2{font-size:var(--type-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4);scroll-margin-top:var(--space-8)}.blog-content h3{font-size:var(--type-xl);margin-top:var(--space-10);margin-bottom:var(--space-3);scroll-margin-top:var(--space-8)}.blog-content h4{font-size:var(--type-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}.blog-content p{font-size:var(--type-md);margin-bottom:var(--space-6);line-height:var(--leading-normal)}.blog-content a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease,opacity .15s ease}.blog-content a:hover{opacity:.7}.dark .blog-content a:hover{color:var(--cream-2);opacity:1}.blog-content ol,.blog-content ul{padding-left:var(--space-6);margin-bottom:var(--space-6)}.blog-content li{font-size:var(--type-md);line-height:var(--leading-normal);margin-bottom:var(--space-2);color:var(--coal-3)}.dark .blog-content li{color:var(--cream-3)}.blog-content ul li{list-style-type:disc}.blog-content ol li{list-style-type:decimal}.blog-content blockquote{border-left:var(--space-2) solid var(--coal-4);padding:var(--space-6) var(--space-8);margin:var(--space-8) 0;background-color:transparent;border-radius:0}.blog-content blockquote p{font-size:var(--type-lg);font-style:italic;line-height:var(--leading-normal);color:var(--coal-3);margin:0}@media (min-width:768px){.blog-content blockquote p{font-size:var(--type-xl)}}.dark .blog-content blockquote{border-left-color:var(--cream-4)}.dark .blog-content blockquote p{color:var(--cream-3)}.blog-content pre{background-color:var(--coal-2);color:var(--cream-2);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-6) 0;font-family:var(--font-mono);font-size:var(--type-sm);line-height:var(--leading-normal)}.dark .blog-content pre{background-color:var(--coal-0)}.blog-content code{font-family:var(--font-mono);font-size:.9em}.blog-content li code,.blog-content p code{background-color:var(--cream-3);padding:var(--space-025) var(--space-1);border-radius:var(--radius-sm)}.dark .blog-content li code,.dark .blog-content p code{background-color:var(--coal-3)}.blog-content figure{margin:var(--space-8) 0}.blog-content .blog-figure-image{width:100%;aspect-ratio:16/9;background-color:var(--cream-2);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.dark .blog-content .blog-figure-image{background-color:var(--coal-2)}.blog-content .blog-figure-image img{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-content .blog-figure-image:hover img{transform:scale(1.05)}.blog-content figcaption{font-size:var(--type-sm);color:var(--coal-5);line-height:var(--leading-normal)}.dark .blog-content figcaption{color:var(--cream-5)}.blog-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-6) 0}.blog-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--type-sm)}.blog-content th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--cream-3);font-weight:600;color:var(--coal-3)}.dark .blog-content th{border-bottom-color:var(--coal-3);color:var(--cream-3)}.blog-content td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--cream-3);color:var(--coal-4)}.dark .blog-content td{border-bottom-color:var(--coal-3);color:var(--cream-4)}.blog-content hr{border:none;border-top:1px solid var(--cream-3);margin:var(--space-10) 0}.dark .blog-content hr{border-top-color:var(--coal-3)}.blog-heading-anchor{color:var(--cream-4);text-decoration:none;margin-left:var(--space-2);opacity:0;transition:opacity .15s ease}.blog-content h2:hover .blog-heading-anchor,.blog-content h3:hover .blog-heading-anchor{opacity:1}.dark .blog-heading-anchor{color:var(--coal-5)}.blog-form-embed{margin:var(--space-8) 0;padding:var(--space-6);border-radius:var(--radius-xxl);background-color:var(--cream-2);border:1px solid var(--cream-3)}.dark .blog-form-embed{background-color:var(--coal-2);border-color:var(--coal-3)}.blog-form-embed-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--coal-5);font-size:var(--type-sm)}.dark .blog-form-embed-loading{color:var(--cream-5)}.blog-form-embed-error{padding:var(--space-4);color:var(--primary-5);font-size:var(--type-sm);text-align:center}.blog-skeleton-card{opacity:.5}.blog-skeleton-text{height:var(--space-4);width:60%;background-color:var(--cream-3);border-radius:var(--radius-sm)}.dark .blog-skeleton-text{background-color:var(--coal-3)}.blog-skeleton-text-wide{height:var(--space-3);width:80%;background-color:var(--cream-3);border-radius:var(--radius-sm)}.dark .blog-skeleton-text-wide{background-color:var(--coal-3)}.blog-empty-message{text-align:center;padding:var(--space-12) 0}}