/* DOSOBE · lecture des articles écrits en blocs (inc/gutenberg.php).
   Complète editorial.css (qu'il suit) pour les composants que les blocs ajoutent : chiffre clé, appel à l'action,
   citation attribuée, légende de tableau, séparateur, vidéo. Les autres composants (dsb-callout, dsb-steps, dsb-check,
   dsb-table, dsb-fig, dsb-refs, dsb-disclose…) sont ceux d'editorial.css : un seul rendu, quelle que soit la voie d'écriture. */

/* chiffre clé : <figure class="dsb-callout dsb-stat"> */
.prose .dsb-stat-v{margin:6px 0 10px;font:400 clamp(44px,5vw,68px)/1 var(--f-display);letter-spacing:-.015em;color:var(--pd,var(--ink))}
.prose .dsb-stat figcaption{font:400 15px/1.45 var(--f-text);color:var(--ink-soft)}
.prose .dsb-stat-l{color:var(--ink)}
.prose .dsb-stat-s{display:block;margin-top:4px;font-size:14px;color:var(--stone)}

/* appel à l'action : carte sombre, bouton du site */
.prose .dsb-cta{padding:26px 28px;background:var(--ink);color:var(--white)}
.prose .dsb-cta p{color:rgba(251,250,247,.82)}
.prose .dsb-cta .dsb-cta-t{margin:0 0 8px;font:400 clamp(24px,2.2vw,32px)/1.15 var(--f-display);color:var(--white)}
.prose .dsb-cta .dsb-cta-b{margin-top:16px}
.prose .dsb-cta .hb{height:44px;text-decoration:none}
.prose .dsb-cta .hb-1{background:var(--signal);color:var(--ink)!important}
.prose .dsb-cta .hb-1:hover{background:var(--white)}

/* citation attribuée */
.prose .dsb-quote-by{display:block;margin-top:14px;font:400 15px/1.4 var(--f-text);letter-spacing:0;color:var(--stone)}
.prose .dsb-quote-by b{font-weight:600;color:var(--ink)}

/* tableau : légende ; séparateur ; vidéo */
.prose .dsb-table caption{caption-side:top;padding:14px 14px 10px;text-align:left;font:500 14px/1.4 var(--f-text);color:var(--stone)}
.prose hr{height:1px;margin:2.4em 0;border:0;background:rgba(1,14,14,.14)}
.prose .dsb-fig video{display:block;width:100%;height:auto;border-radius:10px}