:root{--nuit:#15120E;--nuit-2:#1D1914;--trait:#3A332A;--creme:#F4F1E9;--creme-2:#B8B0A1;--orange:#D76634;--aube:#F3B36B;
--f-display:"Instrument Serif","Iowan Old Style",Georgia,serif;--f-sans:"Archivo","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nuit);color:var(--creme);font-family:var(--f-sans);font-size:1.06rem;line-height:1.6}
a{color:var(--aube)}.wrap{max-width:760px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left)) 0 max(20px,env(safe-area-inset-right))}
header{border-bottom:1px solid var(--trait)}header .wrap{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding-block:16px}
.logo{font-stretch:125%;font-weight:900;letter-spacing:.14em;color:var(--creme);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.92rem}nav a{color:var(--creme-2);text-decoration:none}nav a[aria-current]{color:var(--orange)}
main{padding-block:44px 64px}h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.05;margin:0 0 22px}
h2{font-family:var(--f-display);font-weight:400;font-size:1.7rem;margin:40px 0 10px}
.lead{font-size:1.2rem;color:var(--creme)}p,li{color:var(--creme-2)}b{color:var(--creme)}
.liste{padding-left:1.2em}.liste li{margin:6px 0}blockquote{font-family:var(--f-display);font-size:1.6rem;margin:24px 0;color:var(--creme)}
.btn{display:inline-block;background:var(--orange);color:var(--nuit);font-weight:700;padding:14px 22px;border-radius:999px;text-decoration:none}
.suite{margin-top:36px}details{border-bottom:1px solid var(--trait)}summary{cursor:pointer;padding:16px 0;color:var(--creme);font-weight:700}
footer{background:var(--aube);color:var(--nuit)}footer .wrap{padding-block:22px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.92rem}footer a{color:var(--nuit);font-weight:700}
