/* Vignettes du blog */
.art .art-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:0 0 20px;background:#18181d}

/* Filtres du blog : la liste complète reste visible sans JavaScript. */
.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.blog-filter{font-family:inherit;cursor:pointer;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s}
.blog-filter:hover{border-color:var(--ac)}
.blog-filter[aria-pressed="true"]{background:var(--ac);color:#17100e}
.blog-filter:focus-visible{outline:2px solid var(--ac);outline-offset:4px}
.arts>.art[hidden]{display:none!important}
.arts.blog-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.arts.blog-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.arts.blog-filter-grid{grid-template-columns:minmax(0,1fr)}.blog-filters{gap:8px}.blog-filter{font-size:12px}}