:root{--fond:#f6f1e7;--encre:#1d1a16;--doux:#5d554a;--accent:#b4442c;--carte:#fffaf0;--trait:#d9cfbd}
@media (prefers-color-scheme:dark){:root{--fond:#16130f;--encre:#f1eadc;--doux:#b3a995;--accent:#e2725b;--carte:#211d17;--trait:#3a3329}}
*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.6 Georgia,"Times New Roman",serif}
main{max-width:920px;margin:0 auto;padding:0 16px 64px}header{padding:20px 16px;max-width:920px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo{font:700 22px/1 Arial,Helvetica,sans-serif;letter-spacing:.5px}.logo span{color:var(--accent)}header a{color:var(--doux);font:14px Arial,sans-serif}
h1{font-size:clamp(30px,6vw,50px);line-height:1.12;margin:28px 0 14px;text-wrap:balance}h2{font-size:26px;margin:52px 0 14px}
.chapo{font-size:20px;color:var(--doux);max-width:680px}.ex{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px;margin:26px 0;align-items:start}
.ex video{width:100%;border-radius:10px;background:#000;display:block}.ex figcaption{font:13px Arial,sans-serif;color:var(--doux);margin-top:6px}figure{margin:0}
@media (max-width:720px){.ex{grid-template-columns:1fr 1fr}.ex figure:last-child{grid-column:1/-1}}
.prix{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.prix{grid-template-columns:1fr}}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:12px;padding:22px}.carte h3{margin:0 0 4px;font-size:21px}.carte .p{font:700 34px Arial,sans-serif;margin:6px 0}.carte .p small{font-size:15px;font-weight:400;color:var(--doux)}
.carte ul{padding-left:18px;margin:10px 0 18px}.btn{display:block;text-align:center;background:var(--accent);color:#fff;text-decoration:none;font:700 16px Arial,sans-serif;padding:14px;border-radius:8px}
.btn small{display:block;font-weight:400;font-size:12px;opacity:.9}ol li,ul li{margin:5px 0}.note{font:14px/1.5 Arial,sans-serif;color:var(--doux)}
details{border-top:1px solid var(--trait);padding:12px 0}summary{cursor:pointer;font-weight:700}footer{border-top:1px solid var(--trait);margin-top:56px;padding:20px 16px 40px;font:13px/1.6 Arial,sans-serif;color:var(--doux);text-align:center}footer a{color:var(--doux)}
.btn.off{background:var(--trait);color:var(--doux);cursor:default}