.replacement-card {
  margin-bottom: 18px;
  padding: 24px;
  border-color: #e4b2ad;
  box-shadow: 0 14px 40px rgba(163, 59, 50, .08);
}

.replacement-card .section-head {
  margin-bottom: 18px;
}

.replacement-card h2 {
  margin: 2px 0 6px;
}

.replacement-optional {
  margin: 4px 0 18px;
}

.replacement-optional summary {
  color: var(--green);
  cursor: pointer;
  font-weight: 700;
}

.optional-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

.replacement-actions {
  align-items: center;
  display: flex;
  gap: 14px;
}

.replacement-actions small {
  color: var(--muted);
}

@media (max-width: 700px) {
  .replacement-actions {
    align-items: stretch;
    flex-direction: column;
  }
}