.ledaya-articles-slider {
    padding: 90px 10vw;
    background: var(--couleur-3, #f4efe8);
    color: var(--couleur-4, #3a271a);
}
.ledaya-articles-slider__inner { max-width: 1600px; margin: 0 auto; }
.ledaya-articles-slider__header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.ledaya-articles-slider__header h2 { margin: 0; }
.ledaya-articles-slider__controls { display: flex; gap: 12px; flex-shrink: 0; }
.ledaya-articles-slider__controls[hidden] { display: none; }
.ledaya-articles-slider__controls button {
    width: 48px; height: 48px; border: 1px solid currentColor; border-radius: 50%;
    background: transparent; color: inherit; font: inherit; font-size: 24px; cursor: pointer;
}
.ledaya-articles-slider__controls button:disabled { opacity: .35; cursor: default; }
.ledaya-articles-slider :focus-visible { outline: 2px solid var(--couleur-4, #3a271a); outline-offset: 4px; }
.ledaya-articles-slider__track {
    display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3);
    gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain; padding-bottom: 16px; scrollbar-width: thin;
}
.ledaya-articles-slider__card { scroll-snap-align: start; background: var(--couleur-2, #fff); min-width: 0; display: flex; flex-direction: column; }
.ledaya-articles-slider__image { display: block; aspect-ratio: 4 / 3; background: var(--couleur-7, #d2c6be); overflow: hidden; }
.ledaya-articles-slider__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ledaya-articles-slider__content { display: flex; flex-direction: column; flex: 1; gap: 18px; padding: 26px; overflow-wrap: anywhere; }
.ledaya-articles-slider__content time { font-size: 13px; }
.ledaya-articles-slider__content h3 { font-size: 30px; line-height: 1.15; margin: 0; }
.ledaya-articles-slider__content h3 a { font: inherit; }
.ledaya-articles-slider__content p { font-size: 15px; line-height: 1.65; margin: 0; }
.ledaya-articles-slider__read { margin-top: auto; padding-top: 8px; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1024px) {
    .ledaya-articles-slider { padding: 60px 5vw; }
    .ledaya-articles-slider__track { grid-auto-columns: calc((100% - 24px) / 2); }
}
@media (max-width: 600px) {
    .ledaya-articles-slider { padding: 48px 20px; }
    .ledaya-articles-slider__header { align-items: flex-start; flex-direction: column; }
    .ledaya-articles-slider__header h2 { font-size: 36px; }
    .ledaya-articles-slider__track { grid-auto-columns: 100%; }
}