.liste-generator-container{width:100%;max-width:1100px;margin:2rem auto;padding:2rem 1.5rem;background:transparent;border-radius:1rem}html[data-theme=dark] .liste-generator-container{background:#2c2d32}.liste-generator__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.liste-generator__title{font-size:1.5rem;font-weight:700;margin:0}html:not([data-theme=dark]) .liste-generator__title{background:#fff;color:#111;padding:.4rem .8rem;border-radius:.5rem}html[data-theme=dark] .liste-generator__title{color:var(--sl-color-white);background:transparent}.liste-generator__controls{display:flex;align-items:center}.liste-generator__search-box{display:flex;align-items:center;gap:.5rem;background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:2rem;padding:.3rem .6rem .3rem 1rem}html[data-theme=dark] .liste-generator__search-box{background:#1f2025;border-color:#3a3b40}.liste-generator__input{background:transparent;border:none;outline:none;width:180px;font-size:.85rem;color:var(--sl-color-black)}html[data-theme=dark] .liste-generator__input{color:var(--sl-color-white)}.liste-generator__btn{background:none;border:none;cursor:pointer;padding:.4rem;color:var(--sl-color-gray-3);display:flex;align-items:center}.liste-generator__btn:hover{color:var(--sl-color-accent)}.blog-grid{display:flex;flex-direction:column;gap:1.5rem}.blog-card{position:relative;background:#fff;border:1px solid var(--sl-color-gray-5);border-radius:.75rem;height:180px;overflow:hidden;transition:all .3s ease}html[data-theme=dark] .blog-card{background:linear-gradient(145deg,#27282c,#2e2f34);border-color:#3a3b40}.blog-card:hover{transform:translate(8px);border-color:var(--sl-color-accent)}.blog-card__link{display:flex;height:100%;text-decoration:none;color:inherit}.blog-card__cover{width:120px;min-width:120px;height:100%;background:var(--sl-color-gray-6);border-right:1px solid var(--sl-color-gray-5);display:flex;align-items:center;justify-content:center}html[data-theme=dark] .blog-card__cover{background:#1f2025;border-color:#3a3b40}.blog-card__cover img{width:64px;height:64px;object-fit:contain}.blog-card__content{flex:1;padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.liste-item__title-box{display:flex;align-items:center;gap:.6rem}.blog-card__title{font-size:1.2rem;font-weight:700;margin:0;color:#111}html[data-theme=dark] .blog-card__title{color:var(--sl-color-white)}.blog-card__excerpt{font-size:.9rem;margin:.4rem 0 .8rem;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html[data-theme=dark] .blog-card__excerpt{color:var(--sl-color-gray-3)}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.liste-item__actions{display:flex;gap:.6rem;flex-wrap:wrap}.btn{height:34px;padding:0 1rem;border-radius:2rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--primary{background:var(--sl-color-accent);color:#fff}.btn--secondary{border:1px solid var(--sl-color-accent);color:var(--sl-color-accent)}.btn--ghost{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2)}html[data-theme=dark] .btn--ghost{border-color:#3a3b40;color:var(--sl-color-gray-3)}.tag-item{border:1px solid var(--sl-color-gray-5);border-radius:2rem;padding:0 .6rem;height:26px;font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;background:var(--sl-color-gray-6);color:var(--sl-color-gray-2)}html[data-theme=dark] .tag-item{background:#1f2025;border-color:#3a3b40;color:var(--sl-color-gray-3)}.tag-item--libelle{border-color:var(--sl-color-accent);color:var(--sl-color-accent)}.liste-item__overlay{position:absolute;inset:0;z-index:1}.liste-item__actions,.liste-item__actions a,.liste-item__actions .btn{position:relative;z-index:2}.liste-generator__no-results{text-align:center;padding:2rem;color:var(--sl-color-gray-3)}@media(max-width:768px){.blog-card{height:auto}.blog-card__link{flex-direction:column}.blog-card__cover{width:100%;height:100px;min-width:100%;border-right:none;border-bottom:1px solid var(--sl-color-gray-5)}.blog-card__cover img{width:56px;height:56px}.liste-generator__input{width:140px}}