/* Rubrique publique Alerte Arnaques.

   Sobre par principe. La section 17 écarte le rouge d'ambiance, les crânes
   et les cagoules : un lecteur inquiet retient moins bien, et une rubrique
   alarmiste finit par n'être plus lue. Les niveaux de gravité existent dans
   l'outil interne ; ici, on informe. */

.arn { --arn-encre:#12151D; --arn-indigo:#1B2A5B; --arn-calicot:#F3F1EA;
  --arn-trait:#DDD9CE; --arn-gris:#5C6472; --arn-vert:#2A6B4F; }

@media (prefers-color-scheme: dark) {
  .arn { --arn-encre:#E9ECF2; --arn-calicot:#171A21; --arn-trait:#2C313B;
    --arn-gris:#9AA3B2; --arn-indigo:#93A8E6; --arn-vert:#79C6A3; }
}

.arn { color: var(--arn-encre); }

.arn-verif { border:1px solid var(--arn-trait); border-left:4px solid var(--arn-vert);
  border-radius:.5rem; padding:.9rem 1.1rem; margin:1.25rem 0;
  background:var(--arn-calicot); }
.arn-verif-titre { margin-bottom:.25rem; }

.arn-familles { display:flex; flex-wrap:wrap; gap:.4rem; margin:1.25rem 0 1rem; }
.arn-famille { display:inline-block; padding:.3rem .7rem; border-radius:2rem;
  border:1px solid var(--arn-trait); text-decoration:none;
  color:var(--arn-encre); font-size:.88rem; }
.arn-famille:hover { border-color:var(--arn-indigo); }
.arn-actif { background:var(--arn-indigo); border-color:var(--arn-indigo);
  color:#fff; }
.arn-compte { opacity:.7; font-size:.8em; margin-left:.25rem; }

.arn-recherche { display:flex; gap:.5rem; max-width:34rem; margin-bottom:.5rem; }

.arn-carte { border:1px solid var(--arn-trait); border-radius:.6rem;
  padding:1rem 1.1rem; background:var(--arn-calicot); }
.arn-carte h2 { margin-bottom:.25rem; }
.arn-carte a { text-decoration:none; color:var(--arn-encre); }
.arn-carte a:hover { text-decoration:underline; }
.arn-meta { color:var(--arn-gris); font-size:.82rem; margin-bottom:.5rem; }

/* Le renvoi ScamCheck tel qu'il apparaît en fin d'article, inséré par le
   pont éditorial dans le contenu de l'article. */
.scamcheck-cta { border:1px solid var(--arn-trait, #DDD9CE);
  border-left:4px solid var(--arn-vert, #2A6B4F); border-radius:.5rem;
  padding:.9rem 1.1rem; margin:1.5rem 0; }
.scamcheck-cta p:last-child { margin-bottom:0; }

@media (max-width: 576px) {
  .arn-recherche { flex-direction:column; }
}