:root{--fond:#000;--carte:#110e0a;--trait:#2a2218;--or:#d4a756;--or-doux:#b9a982;--texte:#e9dcc0;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1.6}
a{color:var(--or)}
nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;padding:18px 16px;border-bottom:1px solid var(--trait);font-size:17px;letter-spacing:.12em;text-transform:uppercase}
nav a{text-decoration:none;color:var(--or-doux)}nav a.ici,nav a:hover{color:var(--or)}
main{max-width:980px;margin:0 auto;padding:32px 16px 64px}
h1,h2,h3{font-weight:500;color:var(--or);letter-spacing:.04em}
h1{text-align:center;font-size:34px;margin:8px 0 4px}
.sous{text-align:center;color:var(--or-doux);margin:0 0 28px}
.hero{text-align:center;padding:12px 0 8px}.hero img{width:min(300px,72vw);height:auto}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:20px 22px;margin:18px 0}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.date{color:var(--or-doux);font-style:italic;margin:-6px 0 10px}
ul{padding-left:20px;margin:6px 0}li{margin:4px 0}
video{width:100%;border-radius:8px;background:#000;display:block}
.onglets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 24px}
.onglets button{font:inherit;font-size:16px;background:var(--carte);color:var(--or-doux);border:1px solid var(--trait);border-radius:20px;padding:6px 14px;cursor:pointer}
.onglets button.actif{color:var(--fond);background:var(--or);border-color:var(--or)}
.jour{scroll-margin-top:16px}.jour.auj{border-color:var(--or)}
.jour h3{margin:0 0 6px;font-size:22px}
details{border-top:1px solid var(--trait);padding:8px 0}details:first-of-type{border-top:0}
summary{cursor:pointer;color:var(--texte);font-size:20px}
details .recit{color:#d8ccb2;padding:6px 0 4px}
footer{text-align:center;color:#7d715a;font-size:15px;padding:24px 16px 40px;border-top:1px solid var(--trait)}