:root{
  --paper:#EDE9E0; --raise:#F6F3EC; --ink:#16171A; --muted:#5C5A54;
  --rule:#C9C3B6; --rule-soft:#DDD8CC; --brass:#7A6224;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0E0F12; --raise:#16181C; --ink:#E6E3DB; --muted:#9A968C;
    --rule:#2A2D33; --rule-soft:#1E2126; --brass:#C9A227;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:400 18px/1.65 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
}
.sheet{max-width:34rem;margin:0 auto;padding:clamp(3rem,9vw,6.5rem) 1.5rem 5rem}
.crest{
  font:500 .68rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin:0 0 2.2rem;
}
h1{font-weight:400;font-size:clamp(2rem,6.4vw,2.9rem);line-height:1.14;
  margin:0 0 1.6rem;text-wrap:balance;letter-spacing:-.01em}
h2{font-weight:400;font-size:1.3rem;margin:2.6rem 0 .8rem}
p{margin:0 0 1.15rem}
.lede{font-size:1.06rem}
.quiet{color:var(--muted);font-size:.94rem}
a{color:var(--ink);text-decoration-color:var(--rule);text-underline-offset:3px}
a:hover{color:var(--brass)}
hr{border:0;border-top:1px solid var(--rule);margin:2.6rem 0}
form{margin:2.4rem 0 0}
label{display:block;font-size:.95rem;margin:0 0 .4rem}
input[type=email],input[type=text]{
  width:100%;padding:.85rem .95rem;font:inherit;font-size:1rem;
  color:var(--ink);background:var(--raise);border:1px solid var(--rule);border-radius:2px;
}
input:focus-visible{outline:2px solid var(--brass);outline-offset:1px}
button,.button{
  display:block;margin-top:1rem;width:100%;padding:.95rem 1rem;font:inherit;font-size:1rem;
  text-align:center;text-decoration:none;
  color:var(--paper);background:var(--ink);border:1px solid var(--ink);
  border-radius:2px;cursor:pointer;
}
button:hover,.button:hover{background:var(--brass);border-color:var(--brass);color:var(--paper)}
.consent{display:flex;gap:.7rem;align-items:flex-start;margin:1.8rem 0 0;
  padding:1rem 1.1rem;border:1px solid var(--rule-soft);background:var(--raise);border-radius:2px}
.consent input{margin:.3rem 0 0;flex:0 0 auto;width:1rem;height:1rem}
.consent span{font-size:.93rem;line-height:1.55}
.register{display:none;margin-top:1rem;gap:.8rem}
.register.shown{display:grid;grid-template-columns:1fr 1fr}
@media (max-width:26rem){.register.shown{grid-template-columns:1fr}}
.gets{margin:2.4rem 0 0}
.gets dt{font-weight:400;font-style:italic;margin:0 0 .2rem}
.gets dd{margin:0 0 1.1rem;color:var(--muted);font-size:.96rem}
footer{margin-top:3.4rem;padding-top:1.4rem;border-top:1px solid var(--rule);
  font-size:.86rem;color:var(--muted)}
.gets--above{margin:2rem 0 0;padding:1.2rem 1.3rem;
  border-left:2px solid var(--brass);background:var(--raise)}
.gets--above dt{font-style:normal;font-weight:700;font-size:1rem}
.gets--above dd:last-child{margin-bottom:0}
form + .quiet{margin-top:1.1rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* le registre s'ouvre SANS JavaScript : le script n'est plus qu'un confort */
form:has(#reg:checked) .register{display:grid;grid-template-columns:1fr 1fr}
@media (max-width:26rem){form:has(#reg:checked) .register{grid-template-columns:1fr}}