.blog-index,.blog-article{color:#202b28;overflow-wrap:anywhere;margin:0 auto;padding:48px 24px 80px}.blog-index{max-width:1120px}.blog-article{max-width:800px}.blog-index h1,.blog-article h1{letter-spacing:-.025em;font-size:clamp(2rem,4vw,3rem);line-height:1.35}.blog-lead{color:#50645c;font-size:1.2rem;line-height:1.8}.blog-languages{flex-wrap:wrap;gap:18px;margin:16px 0 32px;font-size:.9rem;display:flex}.blog-languages a[aria-current=page]{text-underline-offset:6px;font-weight:700;text-decoration:underline}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.blog-card{background:#fff;border:1px solid #dbe2dc;border-radius:18px;overflow:hidden}.blog-card>a{color:inherit;height:100%;text-decoration:none;display:block}.blog-card img,.blog-cover{width:100%;height:auto;display:block}.blog-card>a>div{padding:24px}.blog-card h2{font-size:1.35rem;line-height:1.55}.blog-card p{line-height:1.8}.blog-card time,.blog-meta{color:#52655d;font-size:.875rem}.blog-cover{border-radius:16px;margin:28px 0}.blog-body{font-size:1.08rem;line-height:1.95}.blog-body h2{margin-top:2.5em;scroll-margin-top:110px;font-size:1.6rem;line-height:1.5}.blog-body h3{margin-top:2em;font-size:1.15rem}.blog-toc{background:#f0f4ed;border-radius:16px;padding:24px 28px}.blog-toc h2{margin-top:0;font-size:1rem}.blog-toc li{padding:5px 0;line-height:1.6}.blog-prompt{background:#f4f6f1;border-left:4px solid #54735c;border-radius:0 12px 12px 0;margin:24px 0;padding:20px 24px}.blog-prompt p{white-space:pre-wrap;margin-top:0}.blog-prompt button{cursor:pointer;padding:8px 14px}.blog-prompt [role=status]{margin-top:8px;font-size:.9rem;display:block}.blog-cta{background:#eaf0e4;border-radius:18px;margin-top:48px;padding:28px}.blog-cta a{margin:8px 16px 8px 0;display:inline-block}.blog-pagination{justify-content:center;gap:24px;margin:36px 0;display:flex}.blog-breadcrumb{font-size:.9rem}.blog-article a:focus-visible,.blog-index a:focus-visible{outline-offset:4px;outline:3px solid #52734d}@media (max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-index,.blog-article{padding:28px 20px 56px}.blog-toc,.blog-cta{padding:20px}.blog-body{font-size:1rem}.blog-prompt{padding:16px}.header-actions{flex-wrap:wrap}}.blog-article article>header{border:0;height:auto;padding:0;display:block}