/* Coque du site — ce que l'application ajoute à la feuille de la maquette.
   /site/styles.css est la copie conforme de site-point-zero-v4 : on ne l'édite
   pas, sinon la prochaine livraison de Codex effacerait la correction. Tout
   écart propre à l'application vit ici. Chargée après styles.css. */

/* --- Le logo -----------------------------------------------------------------
   La maquette dessine la marque en CSS (deux demi-anneaux violets) et pose le
   nom en texte à côté. Le vrai logo est un bloc unique : spirale + « POINT ZERO
   2050 ». Il remplace donc les deux, et .brand-mark / .brand strong / .brand
   small de la maquette ne servent plus.
   Servi à 440 px de large pour rester net en densité double ; les attributs
   width/height du HTML réservent la place avant chargement. */
.brand-logo { display: block; width: 100%; max-width: 200px; height: auto; }

/* La colonne de gauche de l'en-tête passe à 1fr sous 820 px : sans plafond, le
   logo occuperait toute la largeur disponible. */
@media (max-width: 820px) {
  .brand-logo { max-width: 150px; }
}

/* Pied de page : version claire du même bloc, sur le fond sombre.
   flex: none — .footer-brand est un flex container, l'image se laisserait
   comprimer par le paragraphe voisin. */
.footer-brand .brand-logo { max-width: 186px; flex: none; }

/* --- .info-card sur bande sombre ---------------------------------------------
   Trou dans la feuille de la maquette : elle adapte .niveau-card, .duo-card et
   .contradiction-grid aux bandes sombre et violette, mais pas .info-card. Or
   .band-shadow p recolore le texte en blanc à 78 % pendant que la carte garde
   son fond crème — le texte disparaît (contraste mesuré : 1). Même traitement
   que les trois autres familles de cartes. */
.band-shadow .info-card,
.band-violet .info-card { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); }
.band-shadow .info-card h3,
.band-violet .info-card h3 { color: var(--white); }
.band-shadow .info-card p,
.band-violet .info-card p { color: rgba(255,253,248,.72); }
.band-shadow .info-card a,
.band-violet .info-card a { color: var(--solar); }
.band-shadow .info-card .number,
.band-violet .info-card .number { background: rgba(239,184,63,.16); color: var(--solar); }