/* ==========================================================================
   a-propos.css — page « À propos » (explique que le site est généré par IA).
   ========================================================================== */
.apropos { max-width: 820px; }
.retour-jeux { display: inline-block; margin-bottom: 18px; font-weight: 600; text-decoration: none; color: var(--dim); }
.retour-jeux:hover { color: var(--pop); }

.texte {
  margin-top: 26px; background: var(--card); border: 3px solid var(--edge); border-radius: 14px;
  box-shadow: 6px 6px 0 var(--shadow); padding: clamp(18px, 4vw, 34px);
  font-size: 17px; line-height: 1.6;
}
.texte > * { max-width: 62ch; }
.texte p { margin: 0 0 14px; }
.texte .chapeau { font-size: 21px; line-height: 1.45; }
.texte h2 { font-family: var(--f-display); font-weight: 400; font-size: 24px; margin: 26px 0 10px; text-wrap: balance; }
.texte ul { margin: 0 0 14px; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }
.lien-claude { margin-top: 24px !important; }
.lien-claude a {
  display: inline-block; font-weight: 700; text-decoration: none; color: #16161d;
  background: var(--pop); border: 2.5px solid #16161d; border-radius: 10px; padding: 8px 18px;
  box-shadow: 3px 3px 0 #16161d;
}
.lien-claude a:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 #16161d; }