/* Blogue filtrable Shortkut (layout of the v2 blog, production fonts/colours via Kit variables). */
.skb { --skb-texte: var(--e-global-color-primary, #192850); --skb-cat: var(--e-global-color-accent, #FF5A37); --skb-lien: #0069E6; --skb-actif: #00EDED; color: var(--skb-texte); }
.skb-filtres { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 70px; }
.skb .skb-filtre { border: 1px solid #9CA9B9 !important; border-radius: 30px !important; padding: 10px 22px !important; background: transparent !important; color: var(--skb-texte) !important;
  font-family: var(--e-global-typography-sk_menu-font-family, inherit); font-size: 14px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: 0; cursor: pointer; box-shadow: none !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.skb .skb-filtre:hover { border-color: var(--skb-actif) !important; transform: translateY(-1px); }
.skb .skb-filtre.is-actif { background: var(--skb-actif) !important; border-color: var(--skb-actif) !important; }
.skb-liste { font-family: var(--e-global-typography-sk_menu-font-family, inherit); font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; margin-bottom: 32px; }
.skb-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 57px 38px; }
.skb-carte { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.skb-carte[hidden] { display: none; }
.skb-image { display: block; width: 100%; aspect-ratio: 1.55 / 1; border-radius: 10px; overflow: hidden; margin-bottom: 20px; background: #E6E0D4; box-shadow: 0 10px 28px rgba(25, 40, 80, .08); transition: box-shadow .3s ease, transform .3s ease; }
.skb-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.skb-carte:hover .skb-image { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(25, 40, 80, .16); }
.skb-carte:hover .skb-image img { transform: scale(1.04); }
.skb-cat { color: var(--skb-cat); text-transform: uppercase; font-family: var(--e-global-typography-sk_menu-font-family, inherit); font-size: 13px; font-weight: 700; letter-spacing: .4px; margin-bottom: 8px; }
.skb .skb-titre { font-family: var(--e-global-typography-sk_titre_carte-font-family, inherit); font-size: 22px; line-height: 1.3; font-weight: 700; margin: 0 0 10px; color: var(--skb-texte); }
.skb .skb-titre a { color: inherit; text-decoration: none; transition: color .2s ease; }
.skb .skb-titre a:hover { color: var(--skb-lien); }
.skb .skb-resume { font-family: var(--e-global-typography-text-font-family, inherit); font-size: 18px; line-height: 1.5; color: #4E5B72; margin: 0 0 16px; }
.skb-meta { display: flex; align-items: center; gap: 8px; color: #64738A; font-size: 14px; margin-bottom: 18px; }
.skb-horloge { width: 15px; height: 15px; border: 1.5px solid currentColor; border-radius: 50%; position: relative; flex: 0 0 15px; }
.skb-horloge::before { content: ""; position: absolute; width: 1.5px; height: 5px; background: currentColor; left: 5.5px; top: 2px; }
.skb-horloge::after { content: ""; position: absolute; width: 4px; height: 1.5px; background: currentColor; left: 6px; top: 6.5px; }
.skb .skb-lire { color: var(--skb-lien); font-family: var(--e-global-typography-sk_menu-font-family, inherit); font-size: 14px; font-weight: 700; text-decoration: none; display: inline-flex; gap: 8px; transition: gap .2s ease; margin-top: auto; }
.skb .skb-lire:hover { gap: 13px; color: var(--skb-lien); }
.skb-plus-zone { display: flex; justify-content: center; margin-top: 75px; }
.skb-plus-zone[hidden] { display: none; }
.skb .skb-plus { border: 1.5px solid var(--skb-lien) !important; color: var(--skb-lien) !important; background: transparent !important; border-radius: 30px !important; padding: 14px 28px !important;
  font-family: var(--e-global-typography-sk_menu-font-family, inherit); font-size: 14px; font-weight: 700; cursor: pointer; text-transform: none; transition: background .2s ease, color .2s ease; }
.skb .skb-plus:hover { background: var(--skb-lien) !important; color: #fff !important; }
.skb-vide { text-align: center; color: #64738A; margin-top: 30px; }
.skb-vide[hidden] { display: none; }
.skb-carte.skb-entre { animation: skbEntre .45s ease both; }
@keyframes skbEntre { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (max-width: 1024px) { .skb-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 22px; } .skb-filtres { margin-bottom: 50px; } }
@media (max-width: 767px) { .skb-grille { grid-template-columns: minmax(0, 1fr); gap: 50px; } .skb .skb-filtre { padding: 8px 14px !important; } }
@media (prefers-reduced-motion: reduce) { .skb-carte.skb-entre, .skb-image, .skb-image img { animation: none; transition: none; } }