:root {
  --primary: #498392;
  --accent: #DF7540;
  --text: #000;
  --muted: #5b6870;
  --bg: #ffffff;
  --bg-soft: #f6f9fa;
  --border: #A9CBD3;
/*  --border: #d9e3e8; */
  --max-width: 1180px;
  --radius: 18px;
  --shadow: 0 10px 30px rgba(31, 41, 51, 0.08);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

p {
  margin: 0 0 1rem;
}

.lead {
  max-width: 62ch;
}


.step-list,
.conversation-list,
.outcome-list,
.quote-list,
.circles-list {
  display: grid;
  gap: 1rem;
}

.step-item,
.conversation-item {
  border-left: 4px solid var(--primary);
  background: #fff;
  border-radius: 14px 14px 14px 14px;
  padding: 1.2rem 1.25rem;
  border-top: 1px solid var(--border);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.step-item strong,
.conversation-item strong {
  color: var(--text);
  display: block;
  margin-bottom: 0.4rem;
}