:root{--paper:#F4F6F2;--card:#FFF;--ink:#15211C;--muted:#586158;--line:#DDE3DA;--green:#0E5C4C;--brass:#C68A2E;--green-soft:#E3EEE9;--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root{--paper:#0E1512;--card:#141C18;--ink:#E8EDE8;--muted:#98A39A;--line:#26302B;--green:#3E9E85;--brass:#D9A44E;--green-soft:#122a23}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.7}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}
/* Le menu a besoin de la largeur de l'accueil (1080px), pas de la colonne de
   texte (780px) : confine a 780, il debordait a droite et le bouton d'acces
   sortait de l'ecran entre ~750 et ~1050px de viewport. */
nav{border-bottom:1px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1080px}
.logo{font-weight:720;font-size:1.3rem;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}.logo .dot{color:var(--brass)}
.navlinks a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:.92rem}.navlinks a:hover{color:var(--ink)}
h1{font-size:2rem;letter-spacing:-.02em;margin:.4em 0}h2{font-size:1.25rem;margin:1.6em 0 .4em;letter-spacing:-.01em}
main{padding:36px 0 70px}p,li{color:var(--ink)}.muted,.draft{color:var(--muted)}
a{color:var(--green)}
.draft{background:var(--green-soft);border-left:4px solid var(--brass);border-radius:0 8px 8px 0;padding:14px 18px;font-size:.9rem;margin:18px 0}
.updated{color:var(--muted);font-size:.82rem}
label{display:block;font-weight:600;margin:16px 0 5px;font-size:.92rem}
input,textarea{width:100%;padding:.7em .8em;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit}
button{margin-top:18px;background:var(--brass);color:#241703;border:0;border-radius:999px;padding:.75em 1.6em;font-weight:640;font-size:.95rem;cursor:pointer}
details{border-bottom:1px solid var(--line);padding:14px 0}summary{font-weight:620;cursor:pointer;font-size:1.02rem}details p{color:var(--muted);margin:.6em 0 0}
.btn{display:inline-block;border-radius:999px;padding:.72em 1.4em;font-weight:620;font-size:.95rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .16s ease-out,filter .2s,box-shadow .2s}
.btn-primary{background:var(--brass);color:#241703}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px -6px var(--brass)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--green)}
.btn:active{transform:scale(.97)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin-bottom:.8rem;transition:border-color .16s,transform .16s ease-out}
a:hover>.card{border-color:var(--green);transform:translateY(-1px)}
.card b{color:var(--green)}
.encart{background:var(--green-soft);border-radius:12px;padding:1.1rem 1.3rem;margin:1.6rem 0}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.84rem}footer a{color:var(--muted);text-decoration:none}

/* Navigation : le bouton d'appel a l'action, jusqu'ici present sur la seule page
   d'accueil (demande Yves 21/08/2026 : « il faudrait le bouton demander un acces
   partout »). Regles reprises telles quelles du style en ligne de l'accueil, pour que
   l'en-tete soit rigoureusement identique d'une page a l'autre. */
/* .navlinks n'etait aligne que par des marges : sans alignement vertical, le bloc
   d'appel a l'action en colonne faisait deborder les liens hors de la barre. */
.navlinks{display:flex;align-items:center}
.nav-cta{display:inline-flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1;margin-left:22px}
.nav-cta .btn{padding:.45em 1.05em;font-size:.86rem}
.nav-login{font-size:.76rem;color:var(--muted);text-decoration:none;margin-top:3px}
.nav-login:hover{color:var(--ink);text-decoration:underline}
@media(max-width:720px){.navlinks a:not(.btn){display:none}}