:root, body.hc-site, .hc-fond-apercu {
 --hc-fond-alpha: 0.042;
 --hc-gravure-voile: 0.7725;
 --hc-motif-nuit-etoilee: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-nuit-etoilee-panoramique.webp');
 --hc-motif-hiver-lumineux: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-hiver-lumineux-panoramique.webp');
 --hc-motif-hiver-brumeux: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-hiver-brumeux-panoramique.webp');
 --hc-motif-bibliotheque: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-bibliotheque-panoramique.webp');
 --hc-motif-foret: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-foret-panoramique.webp');
 --hc-motif-mer: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-mer-panoramique.webp');
 --hc-motif-aurores: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-aurores-panoramique.webp');
 --hc-motif-cite: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-cite-panoramique.webp');
 --hc-motif-japon: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-japon-panoramique.webp');
 --hc-motif-automne: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-automne-panoramique.webp');
 --hc-motif-cosmos: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-cosmos-panoramique.webp');
 --hc-motif-noel: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-noel-panoramique.webp');
 --hc-motif-halloween: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-halloween-panoramique.webp');
 --hc-motif-gravure: linear-gradient(rgba(250,246,241,var(--hc-gravure-voile)), rgba(250,246,241,var(--hc-gravure-voile))), url('/plugins/histoires_courtes/images/fond-gravure-panoramique.webp');
 --hc-motif-papier: repeating-linear-gradient(0deg, transparent 0 3px, rgba(70,78,82,var(--hc-fond-alpha)) 3px 4px), repeating-linear-gradient(90deg, transparent 0 7px, rgba(70,78,82,var(--hc-fond-alpha)) 7px 8px);
 --hc-motif-grain: repeating-conic-gradient(rgba(50,65,72,var(--hc-fond-alpha)) 0% 25%, transparent 0% 50%);
 --hc-motif-encre: linear-gradient(90deg, rgba(40,70,85,var(--hc-fond-alpha)), transparent 24% 76%, rgba(40,70,85,var(--hc-fond-alpha)));
}
.hc-fond-apercu { box-sizing: border-box; background-color: #faf6f1; border: 1px solid #ccc; padding: 24px; margin-top: 16px; min-height: 190px; }
.hc-fond-apercu-contenu { background: #fff; color: #2b2420; border: 1px solid #ddd; max-width: 440px; margin: auto; padding: 20px; }
.hc-fond-apercu-contenu p { margin: 8px 0 0; }