/* Subtle color cues and clearer separation for the black product chapters. */
#education-companion .damon-product-choices {
  row-gap: 44px;
}

#education-companion .damon-product-choice {
  padding-top: 30px;
  padding-bottom: 28px;
  border-top-color: rgba(174, 200, 186, .26);
}

#education-companion .damon-product-choice:last-child {
  padding-top: 34px;
  padding-bottom: 0;
}

/* Restore the real, selectable copy instead of the previous generated text. */
#capabilities .capability-system-heading > p {
  color: #aeb8c0;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.85;
}

#capabilities .capability-system-heading > p::after {
  content: none;
  display: none;
}

#capabilities .capability-layer-interaction,
#capabilities .capability-layer-understanding,
#capabilities .capability-layer-action,
#capabilities .capability-layer-device {
  font-weight: 550;
  white-space: nowrap;
}

#capabilities .capability-layer-interaction { color: #8bd6e5; }
#capabilities .capability-layer-understanding { color: #a3d7bb; }
#capabilities .capability-layer-action { color: #e9c77f; }
#capabilities .capability-layer-device { color: #c5b6e9; }

#body-robot .body-robot-tags {
  gap: 10px 12px;
}

#body-robot .body-robot-tags li {
  padding: 7px 14px;
  font-weight: 500;
}

#body-robot .body-robot-tags li:nth-child(1) {
  color: #9dddea;
  border-color: rgba(139, 214, 229, .4);
  background: rgba(73, 163, 185, .1);
}

#body-robot .body-robot-tags li:nth-child(2) {
  color: #e9c77f;
  border-color: rgba(233, 199, 127, .4);
  background: rgba(195, 151, 60, .1);
}

#body-robot .body-robot-tags li:nth-child(3) {
  color: #a3d7bb;
  border-color: rgba(163, 215, 187, .4);
  background: rgba(78, 157, 113, .1);
}

@media (max-width: 760px) {
  #education-companion .damon-product-choices {
    row-gap: 28px;
  }

  #education-companion .damon-product-choice {
    padding-top: 28px;
    padding-bottom: 22px;
  }

  #education-companion .damon-product-choice:last-child {
    padding-top: 30px;
    padding-bottom: 0;
  }

  #body-robot .body-robot-tags {
    gap: 9px;
  }

  #body-robot .body-robot-tags li {
    padding: 7px 12px;
  }
}