.blog-content{--blog-bg:var(--bg,#f8f9fb);--blog-surface:var(--bg2,#fff);--blog-text:var(--text,#0f172a);--blog-muted:var(--muted,#64748b);--blog-border:var(--border,#0f172a1a);--blog-orange:var(--orange,#ea580c);--blog-orange-dark:var(--orange2,#c2410c);--blog-orange-soft:var(--orange-dim,#ea580c1a);background:var(--blog-bg);min-height:100vh;color:var(--blog-text);font-family:Inter,sans-serif;line-height:1.7}.blog-content,.blog-content *{box-sizing:border-box}.blog-content a{color:var(--blog-orange-dark);text-decoration:none;transition:color .2s}.blog-content a:hover{color:var(--blog-orange)}.blog-list,.blog-post{width:min(100% - 3rem,960px);margin:0 auto;padding:1.5rem 0 6rem}.blog-list>header,.blog-post-header{margin-bottom:3rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5{color:var(--blog-text);font-family:Roboto,sans-serif;line-height:1.2}.blog-content h1{letter-spacing:-.04em;margin:0;font-family:Ubuntu,sans-serif;font-size:clamp(2.25rem,5vw,4rem);font-weight:700}.blog-content h2{margin:0 0 .9rem;font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:700}.blog-content h3{margin:2rem 0 .75rem;font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700}.blog-content h4,.blog-content h5{margin:1.5rem 0 .6rem;font-weight:600}.blog-content p{color:var(--blog-muted);margin:0 0 1.35rem}.blog-content code{background:var(--blog-orange-soft);color:var(--blog-orange-dark);border-radius:4px;padding:.15rem .4rem;font-size:.9em}.blog-post-back{color:var(--blog-orange-dark);margin-bottom:2rem;font-weight:600;display:inline-flex}.blog-post-header{border-bottom:1px solid var(--blog-border);padding-bottom:2rem}.blog-post-header h1{margin-bottom:.75rem}.blog-post-slug{margin:0;font-size:.9rem}.blog-post-content{padding-top:.5rem}.blog-post-content>.rich-text-block,.blog-post-content>.text-with-image-block{margin-bottom:2.5rem}.blog-post-content .strapi-block{margin-bottom:1.5rem}.blog-post-content .strapi-heading{margin-top:2rem}.blog-post-content .strapi-heading:first-child{margin-top:0}.blog-post-content .strapi-paragraph{line-height:1.8}.blog-post-content .strapi-list{color:var(--blog-muted);margin:0 0 1.5rem;padding-left:1.5rem;line-height:1.8}.blog-post-content .strapi-list ul,.blog-post-content .strapi-list ol{margin:.5rem 0;padding-left:1.5rem}.blog-post-content .strapi-quote{border-left:4px solid var(--blog-orange);background:var(--blog-surface);color:var(--blog-muted);margin:2rem 0;padding:1rem 1.25rem;font-style:italic}.blog-post-content .strapi-quote p{margin:0}.blog-post-content .strapi-image{text-align:center;margin:2rem 0}.blog-post-content .strapi-image img{border-radius:8px;max-width:100%;height:auto}.blog-post-content .strapi-image figcaption{color:var(--blog-muted);margin-top:.5rem;font-size:.9rem}.text-with-image-block{flex-wrap:wrap;align-items:center;gap:2rem;margin:3rem 0;display:flex}.text-with-image-block.is-reversed{flex-direction:row-reverse}.text-with-image-media,.text-with-image-content{min-width:280px}.text-with-image-media{flex:1}.text-with-image-content{flex:1.2}.text-with-image-media img{object-fit:cover;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 4px 12px #0f172a14}.blog-hero{text-align:center;max-width:640px;margin:0 auto 3.5rem}.blog-hero .section-label{color:var(--blog-orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.blog-hero h1{letter-spacing:-1.5px;margin-bottom:14px;font-size:clamp(2rem,4vw,3rem)}.blog-hero-sub{color:var(--blog-muted);margin:0;font-size:1rem}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.blog-card{border:1px solid var(--blog-border);background:var(--blog-surface);height:100%;color:var(--blog-text);border-radius:16px;flex-direction:column;padding:1.75rem;text-decoration:none;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";background:linear-gradient(90deg,var(--blog-orange),transparent);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.blog-card:hover{border-color:var(--border-orange,var(--blog-orange));color:var(--blog-text);transform:translateY(-4px)}.blog-card:hover:before{opacity:1}.blog-card-date{color:var(--blog-orange-dark);text-transform:capitalize;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:inline-block}.blog-card-title{margin:0 0 .75rem;font-size:1.25rem}.blog-card-excerpt{color:var(--blog-muted);flex-grow:1;margin:0 0 1.25rem;font-size:.9rem}.blog-card-link{color:var(--blog-orange-dark);align-items:center;gap:6px;margin-top:auto;font-size:.9rem;font-weight:600;display:inline-flex}.blog-card-link .arrow{transition:transform .25s}.blog-card:hover .blog-card-link .arrow{transform:translate(4px)}.blog-empty{border:1px solid var(--blog-border);background:var(--blog-surface);text-align:center;border-radius:16px;max-width:520px;margin:0 auto;padding:3rem 2.25rem}.blog-empty-icon{background:var(--blog-orange-soft);width:56px;height:56px;color:var(--blog-orange);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.blog-empty h3{margin:0 0 .75rem;font-size:1.1rem}.blog-empty p{margin:0 0 1.75rem;font-size:.95rem}.blog-empty .btn-primary{background:var(--blog-orange);color:#fff;border:none;border-radius:9px;justify-content:center;align-items:center;padding:12px 24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.blog-empty .btn-primary:hover{background:var(--blog-orange-dark);color:#fff}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;display:flex}.blog-pagination-btn{border:1px solid var(--blog-border);color:var(--blog-text);border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}.blog-pagination-btn:hover{border-color:var(--blog-orange);color:var(--blog-orange)}.blog-pagination-btn.is-disabled{opacity:.35;pointer-events:none}.blog-pagination-pages{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.blog-pagination-page{min-width:36px;height:36px;color:var(--blog-muted);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.blog-pagination-page:hover{background:var(--blog-orange-soft);color:var(--blog-orange-dark)}.blog-pagination-page.is-active{background:var(--blog-orange);color:#fff}.blog-pagination-page.is-active:hover{color:#fff}@media (width<=640px){.blog-list,.blog-post{width:min(100% - 2rem,960px);padding-top:3rem}.blog-card{padding:1.4rem}}