@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-ext.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2C60-2C7F}

:root{
  --ink:#0D1C13; --ink-2:#4D5B52; --ink-3:#6A776F;
  --bg:#F8FBF9; --surface:#EDF3EF; --paper:#FFFFFF;
  --line:#DAE2DC; --line-2:#C3CFC7;
  --vert:#006E44; --vert-fonce:#003C24; --vert-doux:#D7F2DF;
  --pad:clamp(1.15rem,4.4vw,2.4rem);
  --f:Archivo,"Helvetica Neue",Arial,system-ui,sans-serif;
}
@supports (color: oklch(0.5 0.1 160)){
  :root{
    --ink:oklch(.21 .028 158); --ink-2:oklch(.455 .022 158); --ink-3:oklch(.555 .02 158);
    --bg:oklch(.985 .004 150); --surface:oklch(.958 .008 155);
    --line:oklch(.905 .012 155); --line-2:oklch(.845 .016 155);
    --vert:oklch(.47 .115 160); --vert-fonce:oklch(.315 .072 160); --vert-doux:oklch(.935 .038 155);
  }
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
::selection{background:var(--vert-doux);color:var(--ink)}
:focus-visible{outline:2.5px solid var(--vert);outline-offset:3px;border-radius:2px}
a{color:var(--vert)}

.w{max-width:760px;margin:0 auto;padding-inline:var(--pad)}
header{border-bottom:1px solid var(--line);background:var(--paper)}
header .w{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:72px}
.logo{display:flex;align-items:center;gap:.58rem;text-decoration:none;color:var(--ink)}
.logo svg{width:32px;height:32px;color:var(--vert);flex:none}
.logo b{font-size:1rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;font-stretch:106%}
.retour{font-size:.93rem;color:var(--ink-2);text-decoration:none;font-weight:500}
.retour:hover{color:var(--vert)}

main{padding-block:clamp(2.4rem,5.5vw,3.8rem) clamp(3rem,6vw,4.6rem)}
h1{font-size:clamp(1.95rem,4.4vw,2.7rem);font-weight:700;letter-spacing:-.032em;line-height:1.06;margin-bottom:.55rem;text-wrap:balance}
.maj{color:var(--ink-3);font-size:.93rem;margin-bottom:2.6rem}
h2{font-size:1.22rem;font-weight:700;letter-spacing:-.018em;margin:2.6rem 0 .85rem;padding-top:1.3rem;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
h3{font-size:1.04rem;font-weight:650;margin:1.5rem 0 .5rem}
p{margin-bottom:.95rem;color:var(--ink-2);text-wrap:pretty}
p strong{color:var(--ink);font-weight:650}
ul{margin:0 0 1rem 1.15rem;color:var(--ink-2)}
li{margin-bottom:.4rem}
dl{margin:.3rem 0 1.2rem;display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:0}
@media(max-width:620px){dl{grid-template-columns:1fr}}
dt{font-weight:650;color:var(--ink);font-size:.96rem;padding:.5rem 1rem .5rem 0;border-top:1px solid var(--line)}
dd{color:var(--ink-2);padding:.5rem 0;border-top:1px solid var(--line)}
@media(max-width:620px){dt{border-top:1px solid var(--line);padding-bottom:0}dd{border-top:0;padding-top:.15rem}}
.todo{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.95rem 1.15rem;
  margin:1.4rem 0;color:var(--ink-3);font-size:.93rem}
.todo strong{color:var(--ink-2)}
table{width:100%;border-collapse:collapse;margin:.6rem 0 1.4rem;font-size:.97rem}
th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
th{color:var(--ink);font-weight:650;border-bottom-color:var(--line-2)}

footer{border-top:1px solid var(--line);padding-block:2.2rem 3rem;font-size:.92rem;color:var(--ink-3)}
footer .w{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
footer a{color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:1px}
footer a:hover{color:var(--vert);border-color:var(--vert)}