/* AYITI INFO+ V41 — Rubriques en 2 colonnes */

/* Desktop: 2 grandes colonnes au lieu de 4 */
.ai2026-category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px!important;
    align-items:start!important;
    margin-top:28px!important;
}

.ai2026-category-card{
    min-width:0!important;
    padding:26px!important;
    border-radius:28px!important;
    border:1px solid #dce5f0!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(8,24,54,.055)!important;
}

.ai2026-category-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    margin-bottom:18px!important;
}
.ai2026-category-head h3{
    margin:0!important;
    font-size:clamp(24px,2vw,32px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
}
.ai2026-category-head a{
    flex:0 0 auto!important;
    font-size:14px!important;
}

/* Article principal : visuel plus large et plus naturel */
.ai2026-category-featured{
    min-width:0!important;
}
.ai2026-category-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#eef3f8!important;
}
.ai2026-category-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
}
.ai2026-category-featured h4{
    margin:16px 0 0!important;
}
.ai2026-category-featured h4 a{
    font-size:clamp(20px,1.55vw,25px)!important;
    line-height:1.22!important;
    letter-spacing:-.02em!important;
}
.ai2026-category-featured small{
    margin-top:10px!important;
    font-size:12px!important;
}

/* Les 3 articles secondaires occupent proprement la largeur de la section */
.ai2026-category-subcards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    margin-top:22px!important;
}
.ai2026-category-subcard{
    min-width:0!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #e4eaf2!important;
    box-shadow:0 6px 18px rgba(8,24,54,.035)!important;
}
.ai2026-category-subcard-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:#eef3f8!important;
}
.ai2026-category-subcard-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
}
.ai2026-category-subcard-copy{
    min-height:118px!important;
    padding:12px 4px 3px!important;
}
.ai2026-category-subcard-copy h4 a{
    font-size:14px!important;
    line-height:1.28!important;
    -webkit-line-clamp:4!important;
}
.ai2026-category-subcard-copy small{
    font-size:10.5px!important;
}
.ai2026-category-more{
    margin-top:18px!important;
    padding-top:14px!important;
}

/* Tablette : une seule rubrique par ligne, mais sous-cartes restent compactes */
@media (max-width:1099px){
    .ai2026-category-grid{
        grid-template-columns:1fr!important;
        gap:24px!important;
    }
    .ai2026-category-subcards{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

/* Mobile : sous-cartes horizontales pour éviter les cartes trop hautes */
@media (max-width:700px){
    .ai2026-category-grid{
        grid-template-columns:1fr!important;
        gap:18px!important;
    }
    .ai2026-category-card{
        padding:18px!important;
        border-radius:22px!important;
    }
    .ai2026-category-head h3{
        font-size:24px!important;
    }
    .ai2026-category-head a{
        font-size:12px!important;
    }
    .ai2026-category-subcards{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    .ai2026-category-subcard{
        display:grid!important;
        grid-template-columns:132px minmax(0,1fr)!important;
        gap:12px!important;
        align-items:stretch!important;
        padding:10px!important;
    }
    .ai2026-category-subcard-image{
        width:132px!important;
        height:100%!important;
        min-height:112px!important;
        aspect-ratio:auto!important;
    }
    .ai2026-category-subcard-copy{
        min-height:112px!important;
        padding:4px 2px!important;
    }
    .ai2026-category-subcard-copy h4 a{
        font-size:14px!important;
        line-height:1.28!important;
        -webkit-line-clamp:4!important;
    }
}