.contingency-entry {
  display: grid;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #cbd8d5;
}

.contingency-entry[hidden],
.contingency-orders-panel[hidden] {
  display: none;
}

.contingency-entry h3,
.contingency-orders-panel h2,
.contingency-orders-panel h3 {
  margin: 0;
}

.contingency-form,
.contingency-enroll-form {
  display: grid;
  gap: 12px;
}

.contingency-warning {
  margin: 0;
  color: #6a4300;
  font-weight: 750;
}

.provisional-receipt {
  display: grid;
  gap: 6px;
  border: 2px dashed #9d6e0b;
  border-radius: 12px;
  padding: 14px;
  background: #fff8e8;
}

.provisional-receipt strong {
  color: #5a3900;
}

.contingency-grant-row,
.contingency-sale-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #e0e8e6;
}

.contingency-grant-row > div,
.contingency-sale-row > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.contingency-sale-row .contingency-warning {
  grid-column: 1 / -1;
}

.contingency-orders-panel {
  display: grid;
  gap: 12px;
  border-color: #d7bd76;
  background: #fffdf7;
}

@media (min-width: 768px) {
  .contingency-form {
    grid-template-columns: 1fr 1fr;
  }

  .contingency-form > .field-label:first-child,
  .contingency-form > button,
  .contingency-form > p {
    grid-column: 1 / -1;
  }
}