/* ============================================================
   /open — mise en page du registre public.
   Aucune couleur, aucune police littérale : tout passe par les
   jetons de tokens.css. Les tailles reprennent exactement celles
   de docs/registre-compteurs.html, aucune n'est inventée.
   ============================================================ */

.wrap{max-width:660px; margin:0 auto; padding:40px 20px 60px}

h1{
  font-family:var(--f-term); font-size:34px; font-weight:400;
  letter-spacing:.05em; text-transform:uppercase; margin:0 0 6px;
}
.intro{color:var(--texte-faible); font-size:15px; margin-bottom:30px; max-width:62ch}

/* ---------- un compteur ---------- */
.compteur{border-top:1px solid var(--filet); padding:22px 0}
.rang{
  font-family:var(--f-term); font-size:19px; letter-spacing:.1em;
  color:var(--texte-faible);
}
.nom{
  font-family:var(--f-term); font-size:23px; letter-spacing:.05em;
  text-transform:uppercase; margin:2px 0 10px;
}
/* .chiffre hérite de Space Grotesk via body — jamais de VT323 sur une valeur */
.chiffre{font-size:52px; font-weight:700; line-height:1; letter-spacing:-.02em}
.chiffre-date{font-size:34px; font-weight:700; line-height:1.1}
.unite{font-size:26px; font-weight:500; color:var(--texte-faible)}
.sous{font-size:15px; color:var(--texte-faible); margin-top:8px; max-width:60ch}
.src{font-size:13.5px; color:var(--texte-faible); margin-top:7px}
.src a{color:var(--phos); text-decoration:none; border-bottom:1px solid var(--filet)}
.src a:hover{border-color:var(--phos)}
.src a:focus-visible{outline:2px solid var(--phos); outline-offset:3px}

.c-phos   .chiffre{color:var(--phos)}
.c-ambre  .chiffre{color:var(--ambre)}
.c-neutre .chiffre{color:var(--texte)}

/* ---------- la lame « pourquoi zéro » ---------- */
.zero{border-left:3px solid var(--ambre); padding-left:14px; margin-top:12px}
.zero .lab{color:var(--ambre); display:block; margin-bottom:2px}

/* ---------- ce que ce registre ne dit pas ---------- */
.limites{
  border:1px solid var(--filet); background:var(--fond-2);
  padding:20px; margin-top:34px;
}
.limites .nom{margin-bottom:8px}
.limites p{margin:0 0 10px; font-size:15px; color:var(--texte-faible); max-width:62ch}
.limites p:last-child{margin-bottom:0}

/* ---------- ligne éditoriale ---------- */
.charte{margin-top:44px; padding-top:26px; border-top:1px solid var(--filet)}
.charte h2{
  font-family:var(--f-term); font-size:26px; font-weight:400;
  letter-spacing:.05em; text-transform:uppercase; margin:0 0 18px;
}
.regle{margin:0 0 18px}
.regle .lab{display:block; margin-bottom:4px}
.regle p{margin:0; font-size:15.5px; max-width:62ch}

/* Trou connu du texte public : doit rester visible tant qu'il n'est pas comblé. */
.a-completer{border-left:3px dashed var(--ambre); padding-left:14px}
.a-completer .lab{color:var(--ambre)}

footer{
  margin-top:34px; padding-top:20px; border-top:1px solid var(--filet);
  font-size:13.5px; color:var(--texte-faible);
}

@media(max-width:420px){
  .chiffre{font-size:42px}
  .chiffre-date{font-size:28px}
}