:root {
  --reco-green-0:   #033913;
  --reco-green-10:  #1a2a1c;
  --reco-green-20:  #2f3f28;
  --reco-green-30:  #445534;
  --reco-green-40:  #596a40;
  --reco-green-50:  #6e7f4c;
  --reco-green-60:  #839458;
  --reco-green-70:  #98a964;
  --reco-green-80:  #adbe70;
  --reco-green-90:  #c2d37c;
  --reco-green-100: #F5F5DC;
}
body { background:var(--reco-green-100); color:var(--reco-green-0); font-family:'Poppins',sans-serif; margin:0; }
.wrap { max-width:900px; margin:0 auto; padding:40px 20px 80px; }
h1 { margin:0 0 8px; font-size:28px; }
.sub { opacity:.8; margin-bottom:24px; }
.card {
  background: var(--reco-green-20);
  border: 1px solid var(--reco-green-40);
  border-radius: 12px;
  padding: 24px;
  line-height: 1.5;
  white-space: normal;
  color: var(--reco-green-100);
  text-align: justify;
}

.card h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 1.5rem;
  font-weight: 600;
}

.card h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
  color: var(--reco-green-90);
  font-weight: 600;
}

.card p {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--reco-green-100);
  opacity: 0.9;
}

.card ul {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  font-size: 0.9rem;
  opacity: 0.9;
}

.card li {
  margin-bottom: 0.5rem;
}

.card strong {
  color: #fff;
  font-weight: 600;
}

.card a {
  color: var(--reco-green-90);
  text-decoration: none;
}

.card a:hover {
  text-decoration: underline;
}

a { color:var(--reco-green-0); }
a:hover { color: var(--reco-green-50); }
.back { display:inline-block; margin-top:18px; text-decoration:underline; }