/* Ten-decision overview: makes the finite scope of the simulator explicit. */

.decision-hero {
  padding: 28px 2px 18px;
}
.decision-hero h1 {
  max-width: 640px;
}
.decision-hero > p:last-child {
  color: var(--muted);
  line-height: 1.5;
  font-size: 15px;
  max-width: 650px;
}

.decision-progress-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(21, 35, 61, .95), rgba(16, 26, 46, .94));
  padding: 14px;
  margin-bottom: 12px;
}
.decision-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}
.decision-progress-copy strong {
  font-size: 15px;
}
.decision-progress-copy span {
  color: var(--muted);
  font-size: 11px;
}

.decision-list {
  display: grid;
  gap: 8px;
}
.decision-row {
  width: 100%;
  min-height: 70px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 11px 12px;
  background: rgba(16, 26, 46, .92);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.decision-row:hover,
.decision-row:focus-visible {
  border-color: rgba(101, 214, 194, .48);
  background: #14243c;
  outline: none;
}
.decision-row:active { transform: scale(.995); }
.decision-number {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #0b1628;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}
.decision-row.reviewed .decision-number {
  color: #06201b;
  background: var(--accent);
  border-color: transparent;
}
.decision-copy {
  min-width: 0;
}
.decision-copy strong {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
.decision-copy small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  margin-top: 4px;
}
.decision-current {
  min-width: 78px;
  text-align: right;
}
.decision-current strong {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
.decision-current small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  margin-top: 3px;
}
.decision-row.changed .decision-current small { color: var(--warning); }
.decision-row.reviewed:not(.changed) .decision-current small { color: var(--good); }

.decision-actions {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 9px;
  margin-top: 12px;
}
.decision-actions .primary-button,
.decision-actions .secondary-button {
  width: 100%;
}

.builder-list-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 430px) {
  .decision-hero { padding-top: 22px; }
  .decision-row {
    grid-template-columns: 31px minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px;
  }
  .decision-current { min-width: 68px; }
  .decision-copy strong,
  .decision-current strong { font-size: 13px; }
  .decision-actions { grid-template-columns: 1fr; }
}