:root{--paper:#f2ede4;--paper-2:#e8e1d4;--snow:#faf8f3;--ink:#1c2620;--soft:#4a554e;--forest:#24332a;--moss:#5d6b55;--rust:#b0643a;--line:rgba(28,38,32,.15);--gutter:clamp(16px,5vw,64px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:400 16px/1.7 "Manrope",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--rust)}
.top{background:var(--forest);color:var(--paper);padding:calc(18px + env(safe-area-inset-top)) var(--gutter) clamp(40px,8vw,80px)}
.top nav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font:400 24px/1 "Cormorant Garamond",serif;color:inherit;text-decoration:none}.brand em{color:var(--rust)}
.back{color:var(--paper);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(242,237,228,.5);border-radius:99px;padding:9px 16px}
.top .eyebrow{display:block;margin-top:clamp(36px,7vw,64px);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#e9d8bd}
.top h1{font:400 clamp(42px,8vw,84px)/1 "Cormorant Garamond",serif;margin-top:12px;letter-spacing:-.015em}
.top h1 em{color:#e9d8bd}
.top p{max-width:56ch;margin-top:18px;opacity:.85}
main{max-width:820px;margin:0 auto;padding:clamp(40px,7vw,72px) var(--gutter) 40px}
h2{font:400 clamp(28px,4vw,38px)/1.15 "Cormorant Garamond",serif;margin:44px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
h2:first-child{margin-top:0;border:0;padding:0}
h2 small{display:block;font:500 11px/1 "Manrope",sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--rust);margin-bottom:10px}
p,ul{margin:10px 0}
ul{padding-left:20px}li{margin:6px 0}
.box{background:var(--snow);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:14px 0}
b{font-weight:600}
.todo:empty::before{content:"[à compléter dans le back office › Réglages]";color:var(--rust);font-style:italic}
.updated{color:var(--soft);font-size:13px;margin-top:40px}
footer{background:var(--ink);color:var(--paper);padding:32px var(--gutter) calc(32px + env(safe-area-inset-bottom));font-size:13px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
footer a{color:var(--paper);opacity:.8}