.lesson-concept {
  padding: 30px 0 36px;
  border-bottom: 1px solid var(--line);
}
.lesson-concept > h2 {
  margin: 8px 0 26px;
  color: var(--text);
  font: 600 clamp(24px, 3vw, 30px)/1.3 'Space Grotesk', sans-serif;
  scroll-margin-top: 24px;
}
.concept-step { margin-top: 22px; }
.concept-step > h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  color: #ecf1f5;
  font-size: 15px;
  font-weight: 600;
}
.step-number {
  flex: 0 0 auto;
  color: #9aadb9;
  font-size: 11px;
  letter-spacing: .06em;
}
.concept-step p:last-child { margin-bottom: 0; }
.concept-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.concept-comparison > div {
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.75;
}
.concept-comparison h4 {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .03em;
}
.concept-healthy { background: #20362b55; }
.concept-healthy h4 { color: #96d9b0; }
.concept-dangerous { background: #432a2855; }
.concept-dangerous h4 { color: #f2ada0; }
.concept-mistake {
  padding-left: 16px;
  border-left: 2px solid #b38b60;
}
.concept-takeaway {
  padding: 18px;
  border: 1px solid #52643b;
  border-radius: 8px;
  background: #29352266;
}
.concept-takeaway .step-number { color: #afc38a; }
.concept-evidence { margin-top: 18px; }
.concept-evidence > a {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 40px;
  font-size: 13px;
  font-weight: 600;
}
.concept-evidence > a span {
  padding: 2px 8px;
  border: 1px solid #475b6e;
  border-radius: 5px;
  color: #c5d6e3;
  font-size: 11px;
}
.concept-evidence > p {
  margin-top: 3px;
  color: #99aeba;
  font-size: 12px;
  line-height: 1.65;
}
@media (max-width: 600px) {
  .concept-comparison { grid-template-columns: 1fr; }
  .lesson-concept { padding-block: 26px; }
}