/* Axon Insights — charte Axon uniquement (Blue 1 à 4, Gray 9, dk2) */
.axon-grid{display:grid;gap:16px;margin-top:26px}
.axon-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.axon-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.axon-grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}

.axon-grid .card,.axon-featured{background:#fff;border:1px solid #C3DAFF;border-radius:10px;padding:24px}
.axon-featured{border:2px solid #0052CD;position:relative;overflow:hidden}
.axon-featured::before{content:"";position:absolute;top:0;left:24px;right:24px;height:4px;background:#0052CD}

.axon-grid .art{display:flex;flex-direction:column;height:100%}
.axon-grid .art h3{margin:10px 0 0;font-size:17px;line-height:1.25;color:#012169;font-weight:700}
.axon-grid .art h3 a{color:inherit;text-decoration:none}
.axon-grid .art h3 a:hover{color:#0052CD}
.axon-grid .art .sub{color:#75787B;font-size:13.5px;margin:8px 0 0;line-height:1.6}
.axon-grid .art .meta{font-size:12px;color:#75787B;margin-top:auto;padding-top:14px;border-top:1px solid #C3DAFF}

.cat{display:inline-block;align-self:flex-start;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
 font-weight:700;color:#0052CD;background:#E1EDFF;border-radius:4px;padding:4px 9px;text-decoration:none}
.cat:hover{background:#C3DAFF}

.feature{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center}
.axon-featured-title{font-size:23px;margin:14px 0 0;line-height:1.22;color:#012169;font-weight:700}
.axon-featured-title a{color:inherit;text-decoration:none}
.axon-featured-title a:hover{color:#0052CD}
.axon-featured .sub{color:#75787B;font-size:14px;margin-top:12px;line-height:1.6}
.axon-featured-cta{text-align:right}
.axon-noline{border:0!important;padding-top:12px!important}

.axon-eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;
 color:#0052CD;margin:0 0 10px}
.axon-sep{border:0;border-top:1px solid #C3DAFF;margin:38px 0 22px}
.axon-filters{margin:20px 0 0}
.axon-filters .pill{display:inline-block;background:#E1EDFF;color:#012169;border-radius:999px;
 padding:5px 13px;font-size:12.5px;font-weight:700;margin:0 6px 8px 0;text-decoration:none}
.axon-filters .pill:hover{background:#C3DAFF}
.axon-filters .pill.is-on{background:#0052CD;color:#fff}

.axon-pagination{margin-top:28px;font-size:14px}
.axon-pagination .page-numbers{display:inline-block;padding:7px 12px;margin-right:6px;border-radius:7px;
 color:#012169;text-decoration:none;border:1px solid #C3DAFF}
.axon-pagination .page-numbers.current{background:#0052CD;color:#fff;border-color:#0052CD}

/* Portée limitée : un sélecteur .btn nu entrerait en conflit avec Divi. */
.axon-featured .btn,.axon-grid .btn{display:inline-block;background:#0052CD;color:#fff;text-decoration:none;
 font-weight:700;padding:13px 26px;border-radius:8px;font-size:15px;
 transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.axon-featured .btn:hover,.axon-grid .btn:hover{background:#012169;color:#fff;
 transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,82,205,.26)}

@media(max-width:980px){
 .axon-grid.g3,.axon-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature{grid-template-columns:1fr}
 .axon-featured-cta{text-align:left}
}
@media(max-width:620px){
 .axon-grid.g2,.axon-grid.g3,.axon-grid.g4{grid-template-columns:1fr}
}

/* Teaser : défilement horizontal natif sur petit écran, grille au-delà.
   Pas de carrousel : les diapositives après la première ne sont pas vues,
   et une grille paginée reste explorable par les moteurs. */
@media(max-width:620px){
 .axon-grid.axon-swipe{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;
  overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;-webkit-overflow-scrolling:touch}
 .axon-grid.axon-swipe>*{scroll-snap-align:start}
 .axon-grid.axon-swipe::-webkit-scrollbar{height:4px}
 .axon-grid.axon-swipe::-webkit-scrollbar-thumb{background:#C3DAFF;border-radius:2px}
}