/* ============================================================
   page-api.css — complément du gabarit « page API » 441.
   Suppose design441.css déjà chargé (mêmes jetons, aucun style
   autonome) : blocs de code, bloc « part gratuite », tableau de
   données vivantes. Chargé APRÈS design441.css.
   ============================================================ */

/* Bloc de code requête/réponse */
.code{
  font-family:var(--police-chiffres);font-size:.82rem;line-height:1.55;
  background:#0d1117;border:1px solid var(--bord);border-radius:var(--r-m);
  padding:var(--e3) var(--e4);overflow-x:auto;white-space:pre;
  color:#d7e3f2;margin:var(--e3) 0 0;
}
.code .cle{color:var(--accent-vif)}

/* Adresse / endpoint en ligne */
.adresse{
  font-family:var(--police-chiffres);font-size:.88rem;word-break:break-all;
  background:var(--surface-3);border:1px solid var(--bord);border-radius:var(--r-s);
  padding:var(--e2) var(--e3);display:block;margin-top:var(--e2);
}

/* Bloc obligatoire « Part gratuite / Free share » : bordure
   émeraude marquée, impossible à manquer dans le gabarit. */
.part-gratuite{
  border:1px solid var(--accent);border-radius:var(--r-l);
  background:linear-gradient(180deg,rgba(16,185,129,.10),rgba(16,185,129,.03));
  padding:var(--e5);box-shadow:var(--ombre-carte);
}
.part-gratuite .pourcent{
  font-size:clamp(1.9rem,5.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;
  line-height:1;color:var(--accent-vif);font-variant-numeric:tabular-nums;
}
.part-gratuite ul{margin:var(--e3) 0 0;padding-left:1.15em;color:var(--texte-2);font-size:.94rem}
.part-gratuite li{margin-top:var(--e1)}

/* Ligne d'état sous le tableau vivant */
.fraicheur{margin-top:var(--e3)}

/* Badge d'état : point pulsant quand le service répond */
#etat-api .point{width:7px;height:7px;border-radius:50%;background:currentColor}