.wp-pseudos{
    width:min(1080px,calc(100% - 32px));
    margin:34px auto 60px;
    color:#111;
}

.wp-pseudos *{
    box-sizing:border-box;
}


/* HEADER */

.wp-pseudos-head{
    margin-bottom:22px;
}

.wp-pseudos-head h1{
    position:relative;

    margin:0 0 14px;
    padding-bottom:8px;

    font-size:1.55rem;
    line-height:1.2;

    font-weight:800;
    text-transform:uppercase;
}

.wp-pseudos-head h1::after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:185px;
    height:2px;

    background:#CA161A;
}

.wp-pseudos-head p{
    margin:0;
    padding-left:14px;

    border-left:4px solid #CA161A;

    font-size:.92rem;
    line-height:1.55;
}


/* BANDEAU ROUGE */

.wp-pseudos-banner{
    position:relative;

    margin:24px 0 26px;
    padding:20px 24px 20px 86px;

    min-height:92px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:#CA161A;

    color:#fff;

    box-shadow:0 2px 8px rgba(0,0,0,.2);
}

.wp-pseudos-banner h2{
    margin:0 0 5px;

    color:#fff;

    font-size:1.15rem;
    line-height:1.25;

    font-weight:700;
}

.wp-pseudos-banner p{
    margin:0;

    color:#fff;

    font-size:.88rem;
    line-height:1.4;
}

.wp-pseudos-medal{
    position:absolute;

    left:24px;
    top:50%;

    transform:translateY(-50%);

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:2px solid rgba(255,255,255,.85);
    border-radius:50%;

    color:#fff;

    font-size:1.4rem;
    line-height:1;
}


/* GRILLE */

.wp-pseudos-grid{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:14px 12px;

    align-items:start;
}


/* CARTES */

.wp-pseudo-card{
    background:#fff;

    border:1px solid #d7d7d7;

    box-shadow:
        0 1px 3px rgba(0,0,0,.25),
        0 0 7px rgba(0,0,0,.08);

    overflow:hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.wp-pseudo-card:hover{
    transform:translateY(-2px);

    box-shadow:
        0 4px 10px rgba(0,0,0,.25);
}

.wp-pseudo-card > a{
    display:block;

    color:#111;
    text-decoration:none;
}


/* IMAGE */

.wp-pseudo-image{
    width:100%;

    aspect-ratio:1 / .72;

    overflow:hidden;

    background:#eee;
}

.wp-pseudo-image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}


/* TITRE */

.wp-pseudo-content{
    padding:8px 8px 10px;
}

.wp-pseudo-content h2{
    margin:0;

    color:#111;

    font-size:.78rem;
    line-height:1.2;

    font-weight:700;
}


/* PAGINATION */

.wp-pseudos-pagination{
    display:flex;
    justify-content:center;
    align-items:center;

    gap:8px;

    margin-top:30px;

    font-size:1rem;
    font-weight:600;
}

.wp-pseudos-pagination .page-numbers{
    color:#111;

    text-decoration:none;

    padding:4px 7px;
}

.wp-pseudos-pagination .page-numbers:hover,
.wp-pseudos-pagination .page-numbers.current{
    color:#CA161A;
}


/* TABLETTE */

@media(max-width:900px){

    .wp-pseudos{
        width:92%;
    }

    .wp-pseudos-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}


/* MOBILE */

@media(max-width:650px){

    .wp-pseudos{
        width:calc(100% - 20px);
        margin-top:24px;
    }

    .wp-pseudos-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px 10px;
    }

    .wp-pseudos-banner{
        padding:18px 18px 18px 68px;
    }

    .wp-pseudos-medal{
        left:17px;
        width:36px;
        height:36px;
    }
}


@media(max-width:420px){

    .wp-pseudos-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   PSEUDOS MILITANTS — CALAGE VISUEL SUR LE .COM
   ========================================================= */


/* Conteneur plus proche de la largeur originale */

.wp-pseudos{
    width:min(980px,calc(100% - 60px)) !important;
    margin:34px auto 60px !important;
}


/* ---------------------------------------------------------
   BANDEAU ROUGE — VERSION .COM
   --------------------------------------------------------- */

.wp-pseudos-banner{
    min-height:196px !important;

    margin:16px 0 34px !important;
    padding:18px 28px 20px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;

    border-radius:6px !important;

    background:#CA161A !important;
}


/* Médaille centrée au-dessus */

.wp-pseudos-medal{
    position:static !important;

    transform:none !important;

    width:58px !important;
    height:58px !important;

    margin:0 0 15px !important;

    border:0 !important;
    border-radius:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#9b9b9b !important;

    font-size:3.8rem !important;
    line-height:1 !important;
}


/* Titre centré */

.wp-pseudos-banner h2{
    margin:0 0 18px !important;

    color:#fff !important;

    font-size:1.25rem !important;
    line-height:1.25 !important;

    font-weight:800 !important;

    text-align:center !important;
}


/* Petit texte centré */

.wp-pseudos-banner p{
    margin:0 !important;

    color:#fff !important;

    font-size:.78rem !important;
    line-height:1.35 !important;

    font-weight:600 !important;

    text-align:center !important;
}


/* ---------------------------------------------------------
   GRILLE — 4 COLONNES IDENTIQUES
   --------------------------------------------------------- */

.wp-pseudos-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px 14px !important;

    align-items:stretch !important;
}


/* Toutes les cartes ont exactement la même hauteur */

.wp-pseudo-card{
    height:310px !important;
    min-height:310px !important;
    max-height:310px !important;

    display:flex !important;

    border-radius:3px !important;
}

.wp-pseudo-card > a{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
}


/* Images de même hauteur */

.wp-pseudo-image{
    width:100% !important;
    height:150px !important;
    min-height:150px !important;

    flex:0 0 150px !important;

    aspect-ratio:auto !important;
}

.wp-pseudo-image img{
    width:100% !important;
    height:150px !important;

    object-fit:cover !important;
}


/* Partie texte uniforme */

.wp-pseudo-content{
    flex:1 !important;

    padding:10px 11px !important;

    background:#fff !important;

    overflow:hidden !important;
}

.wp-pseudo-content h2{
    margin:0 !important;

    font-size:.82rem !important;
    line-height:1.23 !important;

    font-weight:700 !important;

    color:#111 !important;
}


/* TABLETTE */

@media(max-width:900px){

    .wp-pseudos{
        width:92% !important;
    }

    .wp-pseudos-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}


/* MOBILE */

@media(max-width:650px){

    .wp-pseudos{
        width:calc(100% - 20px) !important;
    }

    .wp-pseudos-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .wp-pseudos-banner{
        min-height:180px !important;
        padding:18px !important;
    }
}