/* ============================================================
   Card LIA v2 - Loop Item - feuille v2.0.0 (12/09/2026), base
   Charte v2.0 : Newsreader (declaratif + voix), Source Serif 4
   (courant), IBM Plex Mono (mesure). Palette couleurs.md v2.0.
   ============================================================ */

.iam-card-v2-grid-7c41ea92{
    --lia-papier:#FBFAF7;
    --lia-papier-2:#F5F3EF;
    --lia-filet:#E7E2DA;
    --lia-filet-fort:#D6D0C4;
    --lia-navy:#1B3A5C;
    --lia-navy-dense:#112A45;
    --lia-corps:#232F3D;
    --lia-or:#B8973A;
    --lia-or-clair:#D1B46A;
    --lia-muted:#606D7D;
    --lia-faint:#9BA6B2;
    display:grid;
    grid-gap:24px;
    width:100%;
    align-items:stretch;
}

.iam-card-v2-grid-7c41ea92.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.iam-card-v2-grid-7c41ea92.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.iam-card-v2-grid-7c41ea92.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.iam-card-v2-grid-7c41ea92.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- La carte ---------- */
.iam-card{
    position:relative;
    background:var(--lia-papier);
    border:1px solid var(--lia-filet);
    display:flex;flex-direction:column;
    height:100%;max-width:none;width:100%;
    text-decoration:none;color:inherit;isolation:isolate;
    transition:border-color .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);
}
.iam-card *{margin:0;padding:0;box-sizing:border-box}
.iam-card::before{
    content:"";position:absolute;top:-1px;left:0;right:0;height:2px;
    background:linear-gradient(90deg,var(--lia-or) 0%,var(--lia-or-clair) 100%);
    transform:scaleX(0);transform-origin:left center;
    transition:transform .5s cubic-bezier(.22,.61,.36,1);z-index:3;
}
.iam-card:hover{
    border-color:var(--lia-filet-fort);
    box-shadow:0 1px 2px rgba(4,26,50,.04),0 14px 34px -18px rgba(4,26,50,.35);
    transform:translateY(-2px);
}
.iam-card:hover::before{transform:scaleX(1)}
.iam-card .lien-carte{display:block;text-decoration:none;color:inherit;height:100%}
.iam-card .lien-carte:focus-visible{outline:2px solid var(--lia-or);outline-offset:4px}

/* ---------- Le visuel ---------- */
.iam-card .visuel{position:relative;width:100%;aspect-ratio:3/2;background:var(--lia-papier-2);overflow:hidden}
.iam-card .visuel img{
    width:100%;height:100%;object-fit:cover;display:block;
    filter:saturate(.9) contrast(1.02);transform:scale(1.001);
    transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .6s ease;
}
.iam-card:hover .visuel img{transform:scale(1.045);filter:saturate(1) contrast(1.02)}
.iam-card .visuel::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(4,26,50,0) 42%,rgba(4,26,50,.34) 72%,rgba(4,26,50,.78) 100%);
}
.iam-card .visuel .noimg{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--lia-faint);text-align:center;padding:0 24px;
    background:repeating-linear-gradient(135deg,rgba(27,58,92,.045) 0 1px,transparent 1px 9px),var(--lia-papier-2);
}
.iam-card .picto{
    position:absolute;top:16px;left:16px;width:34px;height:34px;border-radius:50%;
    background:rgba(251,250,247,.93) !important;border:1px solid rgba(255,255,255,.6);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 2px 10px rgba(4,26,50,.18);z-index:2;
}
.iam-card .picto svg{width:16px;height:16px;fill:none;stroke:var(--lia-navy);stroke-width:1.6}
.iam-card .badge-cat{
    position:absolute;top:auto;bottom:16px;left:22px;right:auto;
    background:transparent !important;display:flex;align-items:center;gap:9px;
    font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:500;
    letter-spacing:.2em;text-transform:uppercase;color:#F0EDE6;padding:0;
    text-shadow:0 1px 6px rgba(4,26,50,.5);z-index:2;
}
.iam-card .badge-cat::before{content:"";width:20px;height:2px;background:var(--lia-or-clair);flex:0 0 auto}
.iam-card .donnee{
    position:absolute;bottom:14px;right:22px;left:auto;background:transparent;color:#F5F3EF;padding:0;
    display:flex;flex-direction:column;align-items:flex-end;gap:1px;
    text-shadow:0 1px 8px rgba(4,26,50,.55);z-index:2;
}
.iam-card .donnee .v{
    font-family:'Newsreader',Georgia,serif;font-optical-sizing:auto;font-weight:400;
    font-size:27px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
.iam-card .donnee .l{
    font-family:'IBM Plex Mono',monospace;font-size:8.5px;font-weight:400;
    letter-spacing:.15em;text-transform:uppercase;color:#C8D0D8;
}

/* ---------- La sonde de mesures ---------- */
.iam-card .sonde{display:flex;background:var(--lia-papier-2);border-bottom:1px solid var(--lia-filet)}
.iam-card .mesure{flex:1;padding:13px 22px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.iam-card .mesure+.mesure{border-left:1px solid var(--lia-filet)}
.iam-card .mesure .m-cle{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--lia-muted)}
.iam-card .mesure .m-valeur{font-family:'Newsreader',Georgia,serif;font-optical-sizing:auto;font-weight:400;font-size:23px;line-height:1.1;color:var(--lia-navy);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.iam-card .mesure .m-note{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.08em;color:var(--lia-or)}

/* ---------- Le corps ---------- */
.iam-card .corps{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.iam-card .sujet{font-family:'IBM Plex Mono',monospace;font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--lia-muted);margin-bottom:10px}
.iam-card h3{font-family:'Newsreader',Georgia,serif;font-optical-sizing:auto;font-weight:400;font-size:22.5px;line-height:1.26;letter-spacing:-.005em;color:var(--lia-navy);margin-bottom:10px;text-wrap:balance}
.iam-card:hover h3{color:var(--lia-navy-dense)}
.iam-card .dek{font-family:'Source Serif 4',Georgia,serif;font-optical-sizing:auto;font-size:15px;font-style:normal;font-weight:400;color:var(--lia-muted);line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- Taxonomies ---------- */
.iam-card .taxo{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 2px;margin-top:auto}
.iam-card .taxo a{font-family:'IBM Plex Mono',monospace;font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--lia-filet);color:var(--lia-muted);background:transparent;text-decoration:none;transition:border-color .25s ease,color .25s ease}
.iam-card .taxo a:hover{border-color:var(--lia-or);color:var(--lia-navy)}

/* ---------- Le pied : le verdict releve de la voix, d'ou la ligne de sonde ---------- */
.iam-card .pied{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 22px 18px;padding:0 0 0 11px;border-top:0;border-left:3px solid var(--lia-or)}
.iam-card .pied span:first-child{font-family:'Newsreader',Georgia,serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:15px;line-height:1.35;color:var(--lia-corps);letter-spacing:0;text-transform:none}
.iam-card .pied span:last-child{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lia-faint);white-space:nowrap}