.blog-hero{background:linear-gradient(135deg, #1d1d1f 0%, #2d2d30 50%, #3a2a3b 100%);padding:160px 0 80px;text-align:center}.blog-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);letter-spacing:-0.03em;margin-bottom:16px}.blog-hero p{color:hsla(0,0%,100%,.72);font-size:clamp(1.05rem,2vw,1.25rem);max-width:620px;margin:0 auto;line-height:1.6}.blog-section{padding:48px 0 100px;background:var(--bg-primary)}.blog-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:36px}.blog-toolbar--auto .blog-toolbar__envoi{display:none}turbo-frame[aria-busy=true]{opacity:.55;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){turbo-frame[aria-busy=true]{transition:none}}turbo-frame#blog-list:focus{outline:none}.blog-search{position:relative;flex:1 1 240px;min-width:0}.blog-search .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.blog-search input,.blog-category-select select{width:100%;padding:12px 14px;font-family:var(--font-main);font-size:var(--text-sm);color:var(--text-primary);background:var(--white);border:1.5px solid var(--hairline-strong);border-radius:var(--radius-md);transition:border-color .2s var(--transition),box-shadow .2s var(--transition)}.blog-search input{padding-left:44px}.blog-category-select{flex:0 1 260px;min-width:200px}.blog-search input:focus,.blog-category-select select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--brand-color)}.blog-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:24px}.blog-count{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:0}.blog-count strong{color:var(--text-primary)}.blog-count a{color:var(--primary);font-weight:500;text-decoration:underline;text-underline-offset:3px}.blog-view-toggle{display:inline-flex;background:var(--white);border:1.5px solid var(--hairline-strong);border-radius:var(--radius-md);overflow:hidden}.view-toggle-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .2s var(--transition),color .2s var(--transition)}.view-toggle-link+.view-toggle-link{border-left:1.5px solid var(--hairline-strong)}.view-toggle-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.view-toggle-link:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.view-toggle-link[aria-current]{background:var(--primary);color:var(--white)}.view-toggle-link[aria-current]:hover{background:var(--brand-dark);color:var(--white)}.blog-empty{text-align:center;padding:64px 16px;color:var(--text-secondary)}.blog-empty .icon{display:inline-block;margin-bottom:12px}.blog-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}.article-card{display:flex;flex-direction:column;background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform .4s var(--transition),box-shadow .4s var(--transition)}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.article-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.article-card::before{content:"";display:block;flex:0 0 auto;height:4px;background:var(--gradient-brand)}.article-card--tresorerie-finances::before{background:linear-gradient(90deg, var(--primary), var(--brand-dark))}.article-card--pedagogie-suivi::before{background:linear-gradient(90deg, var(--secondary), var(--secondary-dark))}.article-card--familles-communication::before{background:var(--gradient-brand)}.article-card--organisation-vie-scolaire::before{background:linear-gradient(90deg, var(--brand-dark), var(--secondary-dark))}.article-card-category{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--primary);margin-bottom:12px}.article-card--pedagogie-suivi .article-card-category{color:var(--secondary)}.article-card--familles-communication .article-card-category{color:var(--brand-dark)}.article-card--organisation-vie-scolaire .article-card-category{color:var(--secondary-dark)}.article-card-body{padding:28px 28px 24px;flex:1;display:flex;flex-direction:column}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.85rem;color:var(--text-secondary)}.article-meta span{display:inline-flex;align-items:center;gap:5px}.article-card-body h2{font-size:1.2rem;line-height:1.35;margin-bottom:12px;letter-spacing:-0.02em}.article-preview{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.article-link{font-size:.95rem;font-weight:500;color:var(--primary);display:inline-flex;align-items:center;gap:4px;transition:gap .3s ease}.article-card:hover .article-link{gap:8px;color:var(--brand-dark)}.blog-rows{border-top:1px solid var(--hairline)}.article-row{display:grid;grid-template-columns:minmax(0, 1fr) 200px 104px 56px 16px;align-items:center;column-gap:16px;padding:14px 6px;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit;transition:background .2s var(--transition)}.article-row:hover{background:var(--bg-secondary)}.article-row:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.article-row-title,.article-row-date,.article-row-time{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-row-title{min-width:0;margin:0;font-size:var(--text-base);font-weight:600;letter-spacing:-0.01em;line-height:1.4}.article-row:hover .article-row-title{color:var(--primary)}.article-row-category{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;font-size:var(--text-xs);font-weight:600;color:var(--primary)}.article-row--pedagogie-suivi .article-row-category{color:var(--secondary)}.article-row--familles-communication .article-row-category{color:var(--brand-dark)}.article-row--organisation-vie-scolaire .article-row-category{color:var(--secondary-dark)}.article-row-date,.article-row-time{font-size:var(--text-xs);color:var(--text-secondary)}.article-row-arrow,svg.article-row-arrow{color:var(--text-secondary);transition:color .2s var(--transition)}.article-row:hover .article-row-arrow,.article-row:hover svg.article-row-arrow{color:var(--primary)}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 14px;border:1.5px solid var(--hairline-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-decoration:none;background:var(--white);transition:border-color .2s var(--transition),background .2s var(--transition)}.page-link:hover{border-color:var(--primary)}.page-link.is-current{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width: 1024px){.blog-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.blog-hero{padding:140px 0 60px}.blog-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.blog-toolbar .btn-primary-small{flex:1 1 100%}.article-row{grid-template-columns:minmax(0, 1fr) auto auto 16px;column-gap:12px;row-gap:4px;padding:12px 4px}.article-row-title{grid-column:1/span 3}.article-row-arrow,svg.article-row-arrow{grid-column:4;grid-row:1/span 2}.article-row-category{grid-column:1;grid-row:2}.article-row-date,.article-row-time{grid-row:2}}@media(pointer: coarse){.page-link{min-width:44px;min-height:44px}.view-toggle-link{min-height:44px}.article-row{min-height:44px}}