/* Article Field notes — hérite des tokens de legal.css, chargé après lui. */
main.note{max-width:none}
.meta{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-mute);margin-bottom:4vh}
/* qui ecrit, quand, et combien de temps ca prend — la page ne le disait pas */
.ident{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;
  font-size:13px;letter-spacing:.02em;color:var(--ink-mute)}
/* le releve suivant, dans la meme langue */
.suite{margin:7vh 0 0;border-top:1px solid var(--hairline);padding-top:22px}
.suite a{display:block;color:var(--ink);text-decoration:none;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase}
.suite a .t{display:block;margin-top:10px;font-size:clamp(19px,2vw,25px);
  line-height:1.25;letter-spacing:normal;text-transform:none;max-width:34ch;
  border-bottom:1px solid var(--hairline);padding-bottom:4px}
.suite a:hover .t{border-bottom-color:var(--ink)}
h1.titre{font-size:clamp(32px,4.4vw,54px);line-height:1.08;font-weight:500;
  letter-spacing:-.02em;max-width:20ch;margin:0 0 6vh}

/* le bloc que les moteurs extraient — distinct sans être une carte */
.reponse{border-left:1px solid var(--ink);padding:4px 0 4px 28px;margin:0 0 9vh;
  max-width:56ch;font-size:clamp(18px,1.9vw,23px);line-height:1.55}

.corps{max-width:66ch}
.corps h2{font-size:clamp(21px,2.2vw,28px);line-height:1.25;font-weight:500;
  letter-spacing:-.01em;margin:7vh 0 22px}
.corps p{font-size:17px;line-height:1.75;margin-bottom:22px}
.corps p.tenu{font-family:var(--serif);font-size:clamp(19px,2vw,25px);line-height:1.4;
  color:var(--ink);margin:5vh 0;max-width:38ch}
.corps ul{list-style:none;margin:0 0 22px}
.corps li{font-size:17px;line-height:1.75;padding:16px 0;border-top:1px solid var(--hairline)}
.corps li:last-child{border-bottom:1px solid var(--hairline)}
.corps li b{font-weight:500;display:block;margin-bottom:4px}
.corps a{color:inherit;border-bottom:1px solid var(--hairline);text-decoration:none;
  transition:border-color 120ms}
.corps a:hover{border-bottom-color:var(--ink)}
/* le lien de source n'etait style nulle part : il sortait en bleu navigateur */
.src a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.src{font-size:13px;line-height:1.7;color:var(--ink-mute);border-top:1px solid var(--hairline);
  margin-top:7vh;padding-top:20px;max-width:66ch}
.manque{display:inline-block;border:1px dashed var(--hairline);padding:8px 11px;
  font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mute)}
.fin{margin:9vh 0 0;padding-top:26px;border-top:1px solid var(--hairline);max-width:66ch}
.fin a{display:inline-block;border:1px solid var(--ink);padding:15px 28px;
  font-size:14px;letter-spacing:.03em;color:var(--ink);text-decoration:none;
  transition:background 120ms,color 120ms}
.fin a:hover{background:var(--ink);color:var(--paper)}
@media (max-width:820px){
  .reponse{padding-left:18px;margin-bottom:6vh}
  h1.titre{max-width:none}
}