/* css/manifeste-monde.css — le manifeste en 3D (2026-10-24) : le mur plein écran (includes/manifeste-monde.js), le retour,
   l'indication, et la feuille d'une cause. Sans WebGL (pas de mf-3d sur body) : la page classique de politique.css. */
.mf-stage,.mf-top,.mf-hint{display:none}
body.mf-3d{background:#020203;overflow:hidden}
body.mf-3d .theme-btn,body.mf-3d footer{display:none}
body.mf-3d .mf-stage{display:block;position:fixed;inset:0;touch-action:none}
.mf-stage canvas{display:block;width:100%;height:100%}
.mf-grain{position:absolute;inset:-50%;pointer-events:none;opacity:.12;mix-blend-mode:overlay;animation:mf-grain 1s steps(6) infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes mf-grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}
body.mf-3d .mf-top{display:block;position:fixed;left:clamp(18px,3vw,36px);top:clamp(16px,3vh,32px);z-index:5}
.mf-back{color:rgba(233,228,218,.65);font-size:14px}
.mf-back:hover{color:#fff}
body.mf-3d .mf-hint{display:block;position:fixed;left:0;right:0;bottom:24px;z-index:5;text-align:center;font-size:13px;letter-spacing:.04em;color:rgba(233,228,218,.42);pointer-events:none}
/* le texte reste dans la page, hors de l'écran (lecteurs d'écran, moteurs) */
body.mf-3d .mf-page{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* feuille d'une cause */
.mf-feuille{position:fixed;left:50%;top:50%;z-index:30;width:min(560px,calc(100vw - 32px));max-height:80vh;overflow:auto;transform:translate(-50%,-50%) rotate(.5deg);
  padding:30px clamp(22px,5vw,48px) 40px;background:#e8e4da;color:#151413;box-shadow:0 30px 80px rgba(0,0,0,.75)}
.mf-feuille[hidden]{display:none}
.mf-fermer{margin-bottom:18px;padding:0;border:0;background:none;color:#5a5650;font:inherit;font-size:14px;cursor:pointer}
.mf-fermer:hover{color:#151413}
.mf-feuille h2{font-size:30px;font-weight:800;letter-spacing:-.03em}
.mf-feuille-texte{margin-top:14px;font-size:16px;line-height:1.75;white-space:pre-line}
@media(prefers-reduced-motion:reduce){.mf-grain{animation:none}}