/* Mission Tables — palette reprise de l'application */
:root{
  color-scheme:light;
  --creme:#fff6ea;
  --creme-fonce:#fbebd3;
  --encre:#3a2e28;
  --encre-douce:#6b5647;
  --vert:#2f7a62;
  --vert-fonce:#24634f;
  --orange:#e9a23b;
  --rouge:#d9694f;
  --trait:#eadbc6;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--creme);
  color:var(--encre);
  font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;
  line-height:1.65;
}
.evitement{position:absolute;left:-999px;top:0;background:var(--encre);color:#fff;padding:.6rem 1rem;z-index:10}
.evitement:focus{left:1rem;top:1rem}
.bandeau{
  background:linear-gradient(160deg,var(--vert),var(--vert-fonce));
  color:#fff;
  padding:2.6rem 1.5rem 2.2rem;
  position:relative;
  overflow:hidden;
}
.bandeau::after{ /* grille des tables en filigrane */
  content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(to right,transparent 0 23px,rgba(255,255,255,.10) 23px 24px),
    repeating-linear-gradient(to bottom,transparent 0 23px,rgba(255,255,255,.10) 23px 24px);
  pointer-events:none;
}
.bandeau-inner{max-width:44rem;margin:0 auto;position:relative;z-index:1;display:flex;gap:1.1rem;align-items:center}
.bandeau img{width:64px;height:64px;border-radius:15px;flex:none;display:block;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.bandeau h1{margin:0;font-size:1.6rem;line-height:1.2;letter-spacing:-.01em}
.bandeau p{margin:.3rem 0 0;opacity:.9;font-size:.95rem}
main{max-width:44rem;margin:0 auto;padding:2.4rem 1.5rem 4rem}
h2{font-size:1.3rem;margin:2.6rem 0 .7rem;line-height:1.25}
h2:first-child{margin-top:0}
h3{font-size:1.02rem;margin:1.7rem 0 .35rem;color:var(--vert-fonce)}
p,li{max-width:62ch}
a{color:var(--vert-fonce);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.chapo{font-size:1.08rem;border-left:4px solid var(--orange);padding-left:1rem;margin-bottom:2rem}
.encart{background:var(--creme-fonce);border-radius:14px;padding:1.1rem 1.3rem;margin:1.8rem 0}
.encart p:last-child,.encart ul:last-child{margin-bottom:0}
.encart p:first-child{margin-top:0}
ul{padding-left:1.15rem}
li{margin:.3rem 0}
.maj{font-size:.87rem;color:var(--encre-douce);margin-top:.4rem}
.bascule{max-width:44rem;margin:0 auto;padding:.9rem 1.5rem;border-bottom:1px solid var(--trait);font-size:.92rem}
footer{border-top:1px solid var(--trait);margin-top:3rem;padding-top:1.4rem;font-size:.9rem;color:var(--encre-douce)}
footer a{color:var(--encre-douce)}
footer p{margin:.3rem 0}
@media (max-width:520px){
  body{font-size:16px}
  .bandeau{padding:2rem 1rem 1.8rem}
  .bandeau h1{font-size:1.32rem}
  .bandeau img{width:52px;height:52px}
  main{padding:2rem 1rem 3rem}
  .bascule{padding:.9rem 1rem}
}