.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.blog-featured-link{display:block;text-decoration:none;color:inherit}.blog-featured-link:hover .blog-featured-title{text-decoration:underline;text-underline-offset:3px}.blog-featured-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:1rem;display:block}.blog-featured-meta{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .5rem;font-size:.875rem;color:#555}.blog-featured-title{font-size:1.75rem;font-weight:700;line-height:1.25;color:#1c1c1c;margin:0 0 .75rem}.blog-featured-excerpt{font-size:1rem;line-height:1.6;color:#444;margin:0}.blog-popular-label{font-size:1.125rem;font-weight:700;color:#1c1c1c;margin:0 0 1.25rem}.blog-popular-list{display:flex;flex-direction:column;gap:1.25rem}.blog-popular-card{display:flex;gap:1rem;align-items:flex-start;text-decoration:none;color:inherit}.blog-popular-card:hover .blog-popular-card-title{text-decoration:underline;text-underline-offset:2px}.blog-popular-img{width:80px;height:80px;object-fit:cover;border-radius:.625rem;flex-shrink:0}.blog-popular-card-body{display:flex;flex-direction:column;gap:.25rem}.blog-popular-card-title{font-size:.9375rem;font-weight:600;line-height:1.3;color:#1c1c1c;margin:0}.blog-popular-card-date{font-size:.8125rem;color:#777}.blog-category-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}[class*=blog-category-badge--]{background:#F3F4F6;color:#374151}.blog-category-badge--astuces{background:#D1FAE5;color:#065f46}.blog-category-badge--installation{background:#DBEAFE;color:#1e40af}.blog-category-badge--actualite{background:#FEF3C7;color:#92400e}.blog-category-badge--quotidien{background:#EDE9FE;color:#5b21b6}.blog-category-badge--sante{background:#FCE7F3;color:#9d174d}.blog-filter-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-filter-pill{padding:.375rem 1rem;border-radius:999px;border:1.5px solid #1C1C1C;background:transparent;color:#1c1c1c;font-size:.9375rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.blog-filter-pill:hover{background:#1C1C1C;color:#fff}.blog-filter-pill.is-active{background:#1C1C1C;color:#fff;border-color:#1c1c1c}.blog-section-label{font-size:2rem;font-weight:700;color:#1c1c1c;margin:0 0 1.5rem;text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{border-radius:1rem;overflow:hidden;background:#fff;border:1.5px solid #E5E7EB;text-decoration:none;color:inherit;display:block;transition:box-shadow .2s}.blog-card:hover{box-shadow:0 4px 24px #00000017}.blog-card-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.blog-card-body{padding:1.25rem}.blog-card-meta{display:flex;align-items:center;gap:.625rem;margin:.625rem 0 .5rem;font-size:.8125rem;color:#666}.blog-card-title{font-size:1.0625rem;font-weight:700;line-height:1.3;color:#1c1c1c;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.9rem;line-height:1.55;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:3rem}.blog-pagination-btn{padding:.5rem 1.25rem;border-radius:999px;border:1.5px solid #1C1C1C;background:transparent;color:#1c1c1c;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.blog-pagination-btn:hover{background:#1C1C1C;color:#fff}.blog-pagination-btn--disabled{opacity:.35;pointer-events:none}.blog-pagination-info{font-size:.9375rem;color:#555}.blog-article-header{max-width:48rem;margin:0 auto 2rem}.blog-article-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:1rem;margin-bottom:2rem}.blog-article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:#666}.blog-article-title{font-size:2rem;font-weight:700;line-height:1.25;color:#1c1c1c;margin:0 0 1.5rem}.blog-article-body{max-width:48rem;margin:0 auto;font-size:1.0625rem;line-height:1.75;color:#333}.blog-article-placeholder{color:#aaa;font-style:italic}.blog-back-link{display:inline-block;font-size:.9rem;color:#555;text-decoration:none;margin-bottom:1.25rem;transition:color .15s}.blog-back-link:hover{color:#ff6b35}.blog-post-header{margin-bottom:2rem}.blog-post-header-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.blog-reading-time{font-size:.875rem;color:#666}.blog-post-title{font-size:2.25rem;font-weight:800;line-height:1.2;color:#1c1c1c;margin:0 0 .75rem}.blog-post-byline{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;margin-bottom:1rem}.blog-post-intro{font-size:1.0625rem;line-height:1.65;color:#444;margin:0;max-width:52rem}.blog-toc-mobile-wrapper{display:none;margin-bottom:1.5rem}.blog-post-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}.blog-post-toc{align-self:stretch}.blog-post-toc-sticky{position:sticky;top:5rem;display:flex;flex-direction:column;gap:1.5rem}.blog-toc-desktop{display:block}.blog-toc-mobile{display:none}.blog-toc-nav{background:#FFF7F3;border-radius:.875rem;padding:1.25rem 1.5rem}.blog-toc-heading{font-size:.9375rem;font-weight:700;color:#1c1c1c;margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.04em}.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.blog-toc-item--h3{padding-left:1rem}.blog-toc-link{font-size:.9rem;color:#444;text-decoration:none;line-height:1.4;display:block;transition:color .15s}.blog-toc-link:hover{color:#ff6b35}.blog-toc-details{background:#FFF7F3;border-radius:.875rem;padding:1rem 1.25rem}.blog-toc-summary{font-size:.9375rem;font-weight:700;color:#1c1c1c;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.blog-toc-summary:after{content:"\25be";font-size:1rem;transition:transform .2s}.blog-toc-details[open] .blog-toc-summary:after{transform:rotate(180deg)}.blog-toc-details nav{margin-top:.75rem}.blog-cta-card{background:#D4F5E9;border-radius:1rem;padding:1.5rem;text-align:center}.blog-cta-text{font-size:1.0625rem;font-weight:700;color:#1c1c1c;margin:0 0 1rem;line-height:1.35}.blog-cta-btn{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.blog-share{padding:1rem 0 0}.blog-share-label{font-size:.9375rem;font-weight:700;color:#1c1c1c;margin:0 0 .75rem}.blog-share-icons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.blog-share-icon{width:36px;height:36px;border-radius:50%;background:#F5F5F5;display:flex;align-items:center;justify-content:center;color:#1c1c1c;text-decoration:none;transition:background .15s,color .15s;flex-shrink:0}.blog-share-icon:hover{background:#FF6B35;color:#fff}.blog-share-copy{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;border:1.5px solid #1C1C1C;background:transparent;color:#1c1c1c;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.blog-share-copy:hover{background:#1C1C1C;color:#fff}.blog-post-hero-img{width:100%;max-height:480px;object-fit:cover;border-radius:1rem;display:block;margin-bottom:2.5rem}.blog-post-section{margin-bottom:2.5rem}.blog-post-h2{font-size:1.5rem;font-weight:700;color:#1c1c1c;margin:0 0 .875rem;line-height:1.25;scroll-margin-top:1.5rem}.blog-post-h3{font-size:1.1875rem;font-weight:700;color:#1c1c1c;margin:0 0 .75rem;line-height:1.3;scroll-margin-top:1.5rem}.blog-post-body{font-size:1.0625rem;line-height:1.75;color:#333;margin:0 0 1rem}.blog-post-body:last-child{margin-bottom:0}@media (max-width: 991px){.blog-featured{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-post-layout{grid-template-columns:1fr}.blog-post-toc{display:none}.blog-toc-mobile-wrapper{display:block}.blog-toc-desktop{display:none}.blog-toc-mobile{display:block}.blog-post-title{font-size:1.75rem}}@media (max-width: 479px){.blog-grid{grid-template-columns:1fr}.blog-featured-title{font-size:1.375rem}.blog-post-title{font-size:1.5rem}}
