/*
 * layout.css — PsyRisso Desktop
 * Système de bandes générique, commun à toutes les pages Desktop
 * (Recap_Nouveau_Design_Desktop.md §1.6). Chargé une seule fois,
 * centralement, plutôt que dupliqué dans chaque fichier de page.
 *
 * Dépend de assets/css/palettes.css (variables --blanc, --gris-fond,
 * --gris-sep) — palettes.css doit être chargé AVANT ce fichier.
 */

/* Reset global — était dans l'ancien site_app.css (désormais commenté
   dans index.php), réintégré ici car indispensable partout : sans lui,
   les éléments en width:100% + padding/bordure débordent de leur
   conteneur → barre de scroll horizontale sur tout le site. */
* {
  box-sizing: border-box;
}

.bande {
  width: 100%;
  padding: 3rem 2rem;
}
.bande-gris { background: var(--gris-fond); }
.bande-blanc { background: var(--blanc); }

.bande-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.cadre {
  background: var(--blanc);
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(27,59,53,0.08);
  padding: 2.5rem;
}
/* Largeur resserrée du cadre, propre à Qui suis-je (6 août 2026) —
   test en cours, un seul bloc pour l'instant pour validation avant
   généralisation éventuelle. */

.qsj-cadre-etroit {
  max-width: 1000px;
  margin: 0 auto;
  /* Padding interne uniforme demandé (6 août 2026) : 1cm (~38px)
     partout, remplace le 38px/76px testé juste avant */
  padding: 38px !important;
}

.bande-blanc .cadre {
  border: 1px solid var(--gris-sep);
  box-shadow: none;
}

/* Wrapper interne pour les pages à forte densité de texte
   (Qui suis-je, Recherche) : resserre la longueur de ligne
   SANS réduire la carte extérieure .cadre. */
.cadre-lecture {
  max-width: 760px;
  margin: 0 auto;
}

/* pour le style des liens commun partout */
.ident-test-link.ident-test-link {
    color: var(--dore);
    text-decoration: underline;
    text-underline-offset: 2px;
}