/* ══════════════════════════════════════════════════════════════════════════
   L'ENCART PUBLICITAIRE — VISIBLE, IDENTIFIÉ, ET JAMAIS DÉGUISÉ

   Une annonce qui ressemble à du contenu pédagogique tromperait un élève ;
   c'est la faute que ce style rend impossible. L'encart porte toujours sa
   mention, il est visuellement en retrait du contenu, et il ne prend jamais
   la place d'un élément de travail.
   ══════════════════════════════════════════════════════════════════════════ */
.pub-encart {
  margin: 18px 0; padding: 12px 14px; border: 1px dashed #cbd5e1;
  border-radius: 12px; background: #f8fafc; max-width: 640px;
}
.pub-encart__mention {
  margin: 0 0 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .08em;
  text-transform: uppercase; color: #94a3b8;
}
.pub-encart__lien {
  display: flex; gap: 12px; align-items: center; text-decoration: none;
  color: inherit; border-radius: 9px; padding: 4px;
}
.pub-encart__lien:hover { background: #f1f5f9; }
.pub-encart__lien:focus-visible { outline: 2px solid #4f46e5; outline-offset: 2px; }
.pub-encart__image {
  flex: 0 0 auto; width: 72px; height: 72px; object-fit: contain;
  border-radius: 8px; background: #fff;
}
.pub-encart__texte { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pub-encart__texte strong { font-size: 14px; color: #1e293b; }
.pub-encart__texte span { font-size: 12.5px; color: #64748b; line-height: 1.5; }

@media (prefers-color-scheme: dark) {
  .pub-encart { background: rgba(148,163,184,.08); border-color: rgba(148,163,184,.35); }
  .pub-encart__texte strong { color: #e2e8f0; }
  .pub-encart__texte span { color: #94a3b8; }
  .pub-encart__lien:hover { background: rgba(148,163,184,.12); }
}
@media print { .pub-encart { display: none !important; } }