.article-container{--background-color-code-block: oklch(0.89 .01 0)}@media(prefers-color-scheme: dark){.article-container{--background-color-code-block: oklch(.13 .025 0)}}.article-container .article__hero-image{max-width:50rem}.article-container .article__hero-image img{width:100%;height:auto;object-fit:cover}.article-container h1{font-size:2.5rem;line-height:1.25}.article-container h2{font-size:2rem;margin-top:4rem;line-height:1.375}.article-container .article-date{font-size:1.1875rem;margin-top:.375rem}.article-container .video-link{font-size:1.0625rem;font-style:italic;margin-top:.75rem;letter-spacing:.015625rem}.article-container,.article-container p,.article-container ol,.article-container ul{font-size:1.375rem;line-height:1.5}.article-container ol,.article-container ul{margin-bottom:2rem}.article-container .article-content{max-width:50rem}.article-container .article-content:last-child{margin-bottom:4rem}.article-container .code-block{font-family:monospace;border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;background-color:var(--background-color-code-block);overflow-x:auto}.cta-newsletter-small{border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.cta-newsletter-small .cta-newsletter-text{margin-left:1rem;font-size:1.375rem;font-weight:500}.cta-newsletter-small form{margin-left:auto;margin-right:auto}.cta-newsletter-small form>[data-style=clean]{padding-top:1rem !important}.article__featured-posts{border-top:1px solid var(--border-color);padding-top:1rem;padding-bottom:2rem}.article__featured-posts .featured-posts-container{max-width:40rem;margin:0 auto}.article__featured-posts .widget-title{color:var(--text-color-bright);font-size:1.55rem;display:inline-block;margin-bottom:1rem}.article__featured-posts .featured-posts__grid{display:flex;gap:2rem}.article__featured-posts .featured-posts__post{display:inline-block;border:1px solid var(--border-color);max-width:12rem;transition:border-color .15s ease;text-decoration:none}.article__featured-posts .featured-posts__post picture img{width:100%;height:100%;object-fit:cover}.article__featured-posts .featured-posts__post .content{padding:.5rem}.article__featured-posts .featured-posts__post .title{font-size:1.125rem;text-decoration:none}.article__featured-posts .featured-posts__post .date{font-size:.9375rem;color:var(--text-color-muted);text-decoration:none}.article__featured-posts .featured-posts__post:any-link:hover{border-color:var(--text-color-accent)}