/* blog.css — Actualités d'iiat.fr (21/10/2026). Chargé seulement par /blog/ et la famille
   page/__commun__/blog/ (clé « ressources » des page.json) ; s'appuie sur les variables de style.css. */

/* En-tête d'article : date et métadonnées sous le H1 */
.ii-post-meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim)}
.ii-post-meta span{display:inline-flex;align-items:center;gap:.45em}
.ii-post-meta i{color:var(--accent)}

/* Corps d'article */
.ii-article{max-width:720px;margin:0 auto;font-size:1.08rem;line-height:1.75;color:var(--light-dim)}
.ii-article > * + *{margin-top:1.1em}
.ii-article h2{font-family:var(--font-display);color:var(--light-text);font-size:clamp(1.35rem,2.6vw,1.7rem);line-height:1.25;margin-top:1.9em}
.ii-article h3{font-family:var(--font-display);color:var(--light-text);font-size:1.15rem;margin-top:1.5em}
.ii-article b,.ii-article strong{color:var(--light-text)}
.ii-article a{color:var(--blue-600);text-decoration:underline;text-underline-offset:3px}
.ii-article a:hover{color:var(--blue-700)}
.ii-article ul,.ii-article ol{padding-left:1.3em;display:grid;gap:.45em}
.ii-article blockquote{border-left:3px solid var(--blue);padding:.2em 0 .2em 1.1em;color:var(--light-text);font-style:italic}
.ii-article .ii-chapo{font-size:1.18rem;color:var(--light-text)}

/* Post LinkedIn : capture cliquable (aucun code tiers) */
.ii-post-li{margin:2.2em 0 0;border:1px solid var(--light-line-strong);border-radius:var(--radius-sm);background:var(--light-surface);
  box-shadow:0 18px 40px -30px rgba(15,27,45,.4);overflow:hidden}
.ii-post-li a{display:block;text-decoration:none;color:inherit}
.ii-post-li img{display:block;width:100%;height:auto}
.ii-post-li figcaption{padding:14px 18px;font-size:.92rem;color:var(--light-dim);border-top:1px solid var(--light-line)}
.ii-post-li figcaption a{display:inline;color:var(--blue-600);text-decoration:underline;text-underline-offset:3px}
.ii-post-li--attente{padding:28px 22px;text-align:center;border-style:dashed;font-family:var(--font-mono);font-size:.9rem;color:var(--light-mute)}

/* Encadré auteur et suite (communs à tous les articles) */
.ii-auteur{max-width:720px;margin:2.6em auto 0;padding:22px 24px;border-radius:var(--radius-sm);border:1px solid var(--light-line);
  background:var(--light-surface);display:flex;gap:18px;align-items:center;color:var(--light-dim);font-size:.98rem}
.ii-auteur img{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover}
.ii-auteur b{color:var(--light-text)}
.ii-auteur a{color:var(--blue-600)}
.ii-retour-blog{max-width:720px;margin:1.6em auto 0;font-family:var(--font-mono);font-size:.88rem}
.ii-retour-blog a{color:var(--blue-600)}

/* Liste des articles */
.ii-posts{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.ii-post-card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--light-surface);
  border:1px solid var(--light-line);box-shadow:0 18px 40px -30px rgba(15,27,45,.4);transition:border-color .2s,box-shadow .2s}
.ii-post-card:hover{border-color:var(--light-line-strong);box-shadow:0 36px 64px -34px rgba(15,27,45,.28)}
.ii-post-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.ii-post-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.ii-post-card time{font-family:var(--font-mono);font-size:.8rem;color:var(--light-mute)}
.ii-post-card h2{font-family:var(--font-display);font-size:1.22rem;line-height:1.3;color:var(--light-text)}
.ii-post-card h2 a{color:inherit;text-decoration:none}
.ii-post-card h2 a::after{content:"";position:absolute;inset:0}
.ii-post-card{position:relative}
.ii-post-card p{color:var(--light-dim);font-size:.97rem}
.ii-post-card .ii-more{margin-top:auto;font-family:var(--font-mono);font-size:.85rem;color:var(--blue-600)}
.ii-post-card h2 a:focus-visible{outline:none}
.ii-post-card:focus-within{outline:2px solid var(--blue);outline-offset:3px}

@media (max-width:560px){
  .ii-auteur{flex-direction:column;align-items:flex-start}
  .ii-article{font-size:1.03rem}
}

/* Fin d'article : prolonge la section claire du corps, sans filet ni grand espacement */
.ii-blog-fin{padding-top:0;padding-bottom:clamp(40px,6vw,64px);border-top:0;display:flow-root}
.ii-blog-fin .ii-article > :first-child,.ii-blog-fin .ii-auteur{margin-top:0}
.ii-blog-fin::after{display:none}
.ii-article-sec{padding-bottom:clamp(40px,6vw,64px)}
.ii-article-sec,.ii-blog-fin{border-bottom:0}