.commitments {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.commitment {
  background: var(--green);
  color: white;
  padding: 30px;
  min-height: 230px;
}

.commitment p { color: #dce8e2; }

.commitment-mark {
  color: var(--copper2);
  font-family: Georgia, serif;
  font-size: 3rem;
  line-height: 1;
}

.faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.faq-grid details {
  background: var(--cream);
  border: 1px solid var(--line);
  padding: 18px 22px;
}

.faq-grid summary {
  cursor: pointer;
  font-family: Georgia, serif;
  font-size: 1.12rem;
  font-weight: 800;
}

.faq-grid details[open] {
  border-color: #ad927c;
  box-shadow: 0 8px 24px #43210c0c;
}

@media (max-width: 880px) {
  .commitments, .faq-grid { grid-template-columns: 1fr; }
}