/* === Style simple pour la page d’accueil (index) === */
:root{
  --ink:#111;
  --muted:#6b5560;
  --bg:#fff7fb;
  --paper:#fff;
  --brand:#e86a9a;
  --ring:#ffd6e8;
  --radius:14px;
  --shadow:0 10px 24px rgba(233,95,149,.10);
}

*{ box-sizing:border-box; } 
html,body{ margin:0; padding:0; }

body{
  font-family: Arial, sans-serif;
  line-height:1.6;
  color:var(--ink);
  background:var(--bg);
  padding:40px 20px;  /* plus d’espace autour du contenu */
}

header, footer{ text-align:center; }
h1{ margin:6px 0 8px; }
header p{ margin:0 0 16px; color:var(--muted); }

h2{ margin:18px 0 12px; }

/* Conteneur global pour centrer les blocs */
main{
  width:min(90%, 760px);
  margin:0 auto;
}

/* Cartes (titres entourés en rectangles) */
.exercice{
  background:var(--paper);
  border:1px solid var(--ring);
  border-radius:var(--radius);
  padding:16px 18px;
  box-shadow:var(--shadow);
  margin:14px auto;
}

/* Liens roses, sans soulignement */
a{
  color:var(--brand);
  text-decoration:none;
}
a:hover{
  opacity:.85;
}

/* Footer */
footer{ margin-top:30px; color:var(--muted); text-align:center; }