body {
  background-color: #f8f9fa;
}
pre {
  white-space: pre-wrap;
  word-break: break-word;
}
.card {
  border: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Domain quick-start cards */
.domain-card {
  cursor: pointer;
  transition: transform var(--m-dur-fast, 120ms) var(--m-ease, ease-out), box-shadow var(--m-dur-fast, 120ms) var(--m-ease, ease-out);
}
.domain-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Expandable plan steps */
.plan-step .expand-step-btn {
  font-size: 0.75rem;
  padding: 0.1rem 0.4rem;
  vertical-align: middle;
}
.sub-steps {
  background: #f0f4f8;
  border-left: 3px solid #0d6efd;
  padding: 0.75rem 1rem;
  border-radius: 0 4px 4px 0;
}
.sub-steps .sub-steps {
  background: #e8edf3;
  border-left-color: #6c757d;
}
.sub-steps .sub-steps .sub-steps {
  background: #e0e5eb;
  border-left-color: #adb5bd;
}
.sub-steps ol {
  padding-left: 1.2rem;
}

/* Greyed-out sub-steps with unmet prerequisites */
.substep-unmet {
  opacity: 0.5;
}
.substep-unmet > strong {
  color: #6c757d;
}

/* Add entity forms in replan panel */
.add-entity-form {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
}

/* BCP formal plan card */
#bcp-plan-card .badge {
  font-size: 0.8rem;
}
.bcp-step {
  border-left: 3px solid #198754;
  padding-left: 0.75rem;
}
.bcp-step-bridge {
  border-left-color: #0dcaf0;
}

/* K-127: no hover lift when the visitor asks for reduced motion */
@media (prefers-reduced-motion: reduce) {
  .domain-card { transition: none; }
  .domain-card:hover { transform: none; }
}