:root {
  font-family: Georgia, "Times New Roman", serif;
  color: #1c3d2e;
  background: #f0f7f4;
}
body { margin: 0; }
.cm-banner {
  background: #047857;
  color: #fff;
  text-align: center;
  padding: 0.5rem 1rem;
  font-family: system-ui, sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
}
.cm-wrap { max-width: 640px; margin: 2rem auto; padding: 0 1rem 2rem; }
.cm-card {
  background: #fff;
  border: 1px solid #a7d7c5;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 2px 6px rgba(4, 120, 87, 0.08);
}
h1 { margin: 0 0 0.5rem; font-size: 1.5rem; color: #065f46; }
.cm-muted { color: #4b6b5c; line-height: 1.55; font-family: system-ui, sans-serif; font-size: 0.95rem; }
.cm-section {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #d1e7dd;
  font-family: system-ui, sans-serif;
}
.cm-section h2 { margin: 0 0 0.75rem; font-size: 1rem; color: #047857; }
.cm-field { margin-top: 0.85rem; }
.cm-field label { display: block; font-weight: 600; margin-bottom: 0.3rem; font-size: 0.88rem; }
.cm-field input, .cm-field textarea, .cm-field select {
  width: 100%; box-sizing: border-box; padding: 0.5rem 0.6rem;
  border: 1px solid #86b8a0; border-radius: 6px; font-size: 1rem;
}
.cm-field textarea { min-height: 160px; resize: vertical; }
.cm-actions { margin-top: 1.5rem; }
.cm-btn {
  display: inline-block; padding: 0.65rem 1.25rem; border: none; border-radius: 6px;
  background: #047857; color: #fff; font-weight: 700; font-size: 1rem; cursor: pointer; text-decoration: none;
}
.cm-confirm {
  background: #ecfdf5; border: 1px solid #6ee7b7; color: #065f46;
  padding: 1rem; border-radius: 8px; font-weight: 600; line-height: 1.5;
  font-family: system-ui, sans-serif;
}