:root{
  --accent:#0f7618;
  --muted:#6b7280;
  --bg:#f7fafc;
  --card:#ffffff;
  --text:#0f172a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
html,body{
  height:100%;
  margin:0;
  background:var(--bg);
  color:var(--text);
}
.container{
  max-width:1000px;
  margin:28px auto;
  padding:28px;
}

.grid{
  padding: 10px;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:24px;
}

h1{margin:0;font-size:26px;}
h2{margin:18px 0 8px;font-size:16px;color:var(--accent);}
p.lead{margin:4px 0;color:var(--muted);}
.meta{font-size:14px;color:var(--accent);}

section {
  max-width: 600px;
  margin: 0 auto 40px auto;
  padding: 0 15px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin-bottom:14px;
}

section h2 {
  color: #2e7d32; /* vert foncé */
  font-size: 1.8rem;
  margin-bottom: 25px;
  border-bottom: 3px solid #28a745; /* souligné vert vif */
  padding-bottom: 6px;
  font-weight: 700;
  width: fit-content;
}

/* Boutons de navigation entre les éléments d'une section */
.nav-buttons {
  display: flex;
  gap: 10px;
}

.nav-buttons button {
  background: none;
  border: 2px solid #28a745;
  color: #28a745;
  font-size: 1.5rem;
  padding: 4px 12px;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-buttons button:hover {
  background-color: #28a745;
  color: white;
}