/* Bandeau d'inscription du rapport partagé (docs/RAPPORT_PDF.md §6).

   Feuille SÉPARÉE et chargée par le composant, comme spans.css : le layout public du
   rapport ne connaît pas les assets de l'app, et plusieurs chantiers travaillent en
   parallèle sur redesign.css.

   Volontairement PLUS DISCRET que le bandeau des articles de blog : un visiteur qui
   consulte un rapport est venu lire un verdict, pas une publicité. Trois arguments,
   une action, pas de pavé coloré. */

.report-cta {
  margin-top: 20px;
  padding: 16px 18px;
  background: var(--primary-soft, #eff5ff);
  border: 1px solid var(--border, #e2e1dc);
  border-radius: var(--radius, 8px);
}

.report-cta .report-cta-kicker {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--primary, #2563eb);
  margin-bottom: 4px;
}

.report-cta h2 {
  font-size: 16px;
  margin: 0 0 4px;
}

.report-cta .report-cta-lede {
  margin: 0 0 10px;
  color: var(--muted, #6f7379);
  font-size: 13px;
}

.report-cta ul {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  font-size: 13px;
}

.report-cta li::before {
  content: "·";
  margin-right: 6px;
  color: var(--primary, #2563eb);
  font-weight: 700;
}

.report-cta .report-cta-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.report-cta .report-cta-secondary {
  font-size: 13px;
  color: var(--muted, #6f7379);
}

@media (max-width: 560px) {
  .report-cta ul { flex-direction: column; gap: 4px; }
}