/* Ensemble esclavage, marronnage, abolition, engagisme.
   Une seule feuille, quatre pages. Bleu nuit, jaune-or, crème. */

html body.zist-esclav,
html body.zist-marron,
html body.zist-abol,
html body.zist-engag{
  background:#FBF8EF!important;
  color:#1C2B4A;
}
html body.zist-esclav.mlr-themed-photo,
html body.zist-marron.mlr-themed-photo,
html body.zist-abol.mlr-themed-photo,
html body.zist-engag.mlr-themed-photo{
  background-image:none!important;
  background-color:#FBF8EF!important;
}
html body.zist-esclav .ze,
html body.zist-marron .ze,
html body.zist-abol .ze,
html body.zist-engag .ze{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:#1C2B4A;
  font-size:1.05rem;
  line-height:1.7;
}
html body.zist-esclav .ze-wrap,
html body.zist-marron .ze-wrap,
html body.zist-abol .ze-wrap,
html body.zist-engag .ze-wrap{
  width:min(1080px,calc(100% - 32px));
  margin:0 auto;
}
html body.zist-esclav .ze-kicker,
html body.zist-marron .ze-kicker,
html body.zist-abol .ze-kicker,
html body.zist-engag .ze-kicker{
  margin:0 0 8px;
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#F2B321;
}
html body.zist-esclav .ze-hero,
html body.zist-marron .ze-hero,
html body.zist-abol .ze-hero,
html body.zist-engag .ze-hero{
  background:#071A5C;
  color:#FBF8EF;
  padding:36px 0 42px;
}
html body.zist-esclav .ze-hero h1,
html body.zist-marron .ze-hero h1,
html body.zist-abol .ze-hero h1,
html body.zist-engag .ze-hero h1{
  margin:.08em 0 .2em;
  max-width:16ch;
  font-family:"Playfair Display",Georgia,"Times New Roman",serif;
  font-weight:600;
  font-size:clamp(2.15rem,4.2vw,3rem)!important;
  line-height:1.02!important;
  color:#F2B321!important;
}
html body.zist-esclav .ze-hero p,
html body.zist-marron .ze-hero p,
html body.zist-abol .ze-hero p,
html body.zist-engag .ze-hero p{
  max-width:42rem;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.05rem,1.6vw,1.28rem);
  line-height:1.45;
  color:#FBF8EF;
}
html body.zist-esclav .ze-section,
html body.zist-marron .ze-section,
html body.zist-abol .ze-section,
html body.zist-engag .ze-section{padding:42px 0}
html body.zist-esclav .ze h2,
html body.zist-marron .ze h2,
html body.zist-abol .ze h2,
html body.zist-engag .ze h2{
  margin:.1em 0 .5em;
  padding-top:.4em;
  border-top:3px solid #F2B321;
  font-family:"Playfair Display",Georgia,serif;
  font-weight:600;
  font-size:clamp(1.5rem,2.3vw,2.05rem);
  line-height:1.18;
  color:#071A5C;
}
html body.zist-esclav .ze h3,
html body.zist-marron .ze h3,
html body.zist-abol .ze h3,
html body.zist-engag .ze h3{
  margin:0 0 .3em;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.25rem;
  color:#071A5C;
}
html body.zist-esclav .ze p,
html body.zist-marron .ze p,
html body.zist-abol .ze p,
html body.zist-engag .ze p{margin:0 0 .9em}
html body.zist-esclav .ze-grid,
html body.zist-marron .ze-grid,
html body.zist-abol .ze-grid,
html body.zist-engag .ze-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
html body.zist-esclav .ze-card,
html body.zist-marron .ze-card,
html body.zist-abol .ze-card,
html body.zist-engag .ze-card{
  background:#FBF8EF;
  border-top:4px solid #F2B321;
  border-radius:16px;
  padding:16px 16px 6px;
  box-shadow:inset 0 0 0 1px rgba(7,26,92,.08);
}
html body.zist-esclav .ze-card small,
html body.zist-marron .ze-card small,
html body.zist-abol .ze-card small,
html body.zist-engag .ze-card small{
  display:block;
  margin-bottom:6px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.72rem;
  color:#071A5C;
}
html body.zist-esclav .ze-split,
html body.zist-marron .ze-split,
html body.zist-abol .ze-split,
html body.zist-engag .ze-split{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:start;
}
html body.zist-esclav .ze-figure,
html body.zist-marron .ze-figure,
html body.zist-abol .ze-figure,
html body.zist-engag .ze-figure{
  margin:0;
  background:#071A5C;
  border-radius:16px;
  overflow:hidden;
  border:3px solid #F2B321;
}
html body.zist-esclav .ze-figure img,
html body.zist-marron .ze-figure img,
html body.zist-abol .ze-figure img,
html body.zist-engag .ze-figure img{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:contain;
  background:#FBF8EF;
}
html body.zist-esclav .ze-figure figcaption,
html body.zist-marron .ze-figure figcaption,
html body.zist-abol .ze-figure figcaption,
html body.zist-engag .ze-figure figcaption{
  padding:12px 14px 14px;
  color:#FBF8EF;
  font-size:.9rem;
  line-height:1.45;
}
html body.zist-esclav .ze-links,
html body.zist-marron .ze-links,
html body.zist-abol .ze-links,
html body.zist-engag .ze-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
html body.zist-esclav .ze-links a,
html body.zist-marron .ze-links a,
html body.zist-abol .ze-links a,
html body.zist-engag .ze-links a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:999px;
  border:2px solid #F2B321;
  background:#071A5C;
  color:#FBF8EF!important;
  font-weight:700;
  text-decoration:none!important;
}
html body.zist-esclav .ze a,
html body.zist-marron .ze a,
html body.zist-abol .ze a,
html body.zist-engag .ze a{color:#071A5C;font-weight:650}
html body.zist-esclav .ze-sources,
html body.zist-marron .ze-sources,
html body.zist-abol .ze-sources,
html body.zist-engag .ze-sources{margin:0;padding:0}
html body.zist-esclav .ze-sources li,
html body.zist-marron .ze-sources li,
html body.zist-abol .ze-sources li,
html body.zist-engag .ze-sources li{
  margin:0 0 12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(242,179,33,.55);
  list-style:none;
}
html body.zist-esclav .ze :focus-visible,
html body.zist-marron .ze :focus-visible,
html body.zist-abol .ze :focus-visible,
html body.zist-engag .ze :focus-visible{
  outline:3px solid #F2B321;
  outline-offset:3px;
}
@media (min-width:860px){
  html body.zist-esclav .ze-grid,
  html body.zist-marron .ze-grid,
  html body.zist-abol .ze-grid,
  html body.zist-engag .ze-grid{grid-template-columns:1fr 1fr}
  html body.zist-esclav .ze-split,
  html body.zist-marron .ze-split,
  html body.zist-abol .ze-split,
  html body.zist-engag .ze-split{grid-template-columns:1.05fr .95fr;gap:28px}
}
@media (max-width:720px){
  html body.zist-esclav .ze-wrap,
  html body.zist-marron .ze-wrap,
  html body.zist-abol .ze-wrap,
  html body.zist-engag .ze-wrap{width:min(1080px,calc(100% - 28px))}
  html body.zist-esclav .ze-section,
  html body.zist-marron .ze-section,
  html body.zist-abol .ze-section,
  html body.zist-engag .ze-section{padding:32px 0}
}
html body.zist-esclav .site-header .brand strong,
html body.zist-marron .site-header .brand strong,
html body.zist-abol .site-header .brand strong,
html body.zist-engag .site-header .brand strong,
html body.zist-esclav .mlr-compact-brand strong,
html body.zist-marron .mlr-compact-brand strong,
html body.zist-abol .mlr-compact-brand strong,
html body.zist-engag .mlr-compact-brand strong{color:#F2B321!important}
html body.zist-esclav .site-header .brand small,
html body.zist-marron .site-header .brand small,
html body.zist-abol .site-header .brand small,
html body.zist-engag .site-header .brand small,
html body.zist-esclav .mlr-compact-brand small,
html body.zist-marron .mlr-compact-brand small,
html body.zist-abol .mlr-compact-brand small,
html body.zist-engag .mlr-compact-brand small{color:#FBF8EF!important}
html body.zist-esclav .ze-band,
html body.zist-marron .ze-band,
html body.zist-abol .ze-band,
html body.zist-engag .ze-band{background:#F2B321;color:#071A5C;padding:clamp(28px,5vw,56px) 0}
html body.zist-esclav .ze-band p,
html body.zist-marron .ze-band p,
html body.zist-abol .ze-band p,
html body.zist-engag .ze-band p{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.28;font-weight:700;color:#071A5C}
html body.zist-esclav .ze-dark,
html body.zist-marron .ze-dark,
html body.zist-abol .ze-dark,
html body.zist-engag .ze-dark{background:#071A5C;color:#FBF8EF;padding:clamp(36px,6vw,72px) 0}
html body.zist-esclav .ze-dark h2,
html body.zist-marron .ze-dark h2,
html body.zist-abol .ze-dark h2,
html body.zist-engag .ze-dark h2{color:#F2B321!important;border:0;padding:0}
html body.zist-esclav .ze-dark p,
html body.zist-marron .ze-dark p,
html body.zist-abol .ze-dark p,
html body.zist-engag .ze-dark p,
html body.zist-esclav .ze-dark li,
html body.zist-marron .ze-dark li,
html body.zist-abol .ze-dark li,
html body.zist-engag .ze-dark li{color:#FBF8EF}
html body.zist-esclav .ze-time,
html body.zist-marron .ze-time,
html body.zist-abol .ze-time,
html body.zist-engag .ze-time{display:grid;margin:8px 0 0}
html body.zist-esclav .ze-time article,
html body.zist-marron .ze-time article,
html body.zist-abol .ze-time article,
html body.zist-engag .ze-time article{display:grid;grid-template-columns:128px 1fr;gap:14px;padding:16px 0;border-top:1px solid rgba(242,179,33,.45)}
html body.zist-esclav .ze-time strong,
html body.zist-marron .ze-time strong,
html body.zist-abol .ze-time strong,
html body.zist-engag .ze-time strong{color:#F2B321;font-family:"Playfair Display",Georgia,serif;font-size:1.2rem}
html body.zist-esclav .ze-split.flip figure,
html body.zist-marron .ze-split.flip figure,
html body.zist-abol .ze-split.flip figure,
html body.zist-engag .ze-split.flip figure{order:-1}
@media (max-width:859px){
  html body.zist-esclav .ze-time article,
  html body.zist-marron .ze-time article,
  html body.zist-abol .ze-time article,
  html body.zist-engag .ze-time article{grid-template-columns:1fr;gap:4px}
  html body.zist-esclav .ze-split.flip figure,
  html body.zist-marron .ze-split.flip figure,
  html body.zist-abol .ze-split.flip figure,
  html body.zist-engag .ze-split.flip figure{order:0}
}
html body.zist-esclav .ze-dark a,
html body.zist-marron .ze-dark a,
html body.zist-abol .ze-dark a,
html body.zist-engag .ze-dark a{color:#F2B321!important}
html body.zist-esclav .ze-dark .ze-card p,
html body.zist-marron .ze-dark .ze-card p,
html body.zist-abol .ze-dark .ze-card p,
html body.zist-engag .ze-dark .ze-card p,
html body.zist-esclav .ze-dark .ze-card h3,
html body.zist-marron .ze-dark .ze-card h3,
html body.zist-abol .ze-dark .ze-card h3,
html body.zist-engag .ze-dark .ze-card h3,
html body.zist-esclav .ze-dark .ze-card small,
html body.zist-marron .ze-dark .ze-card small,
html body.zist-abol .ze-dark .ze-card small,
html body.zist-engag .ze-dark .ze-card small{color:#071A5C!important}