.cardiovascular-hero,
.cardiovascular-atlas-hero {
  background: #f5f7f6;
}

body[data-page="cardiovascular"] .system-visual {
  min-height: 300px;
  background: #f4f1ed;
}

body[data-page="cardiovascular"] .system-airway {
  inset: auto;
  width: 8.8rem;
  height: 9.4rem;
  border: 4px solid #8f5f5a;
  border-radius: 48% 52% 46% 54%;
  background: #ead3cd;
  transform: rotate(-8deg);
}

body[data-page="cardiovascular"] .system-airway::before {
  inset: 18% 21% 28%;
  border: 3px solid #8f5f5a;
  border-radius: 42% 58% 48% 52%;
  background: #fff9f6;
}

body[data-page="cardiovascular"] .system-branch {
  top: 17%;
  left: 53%;
  width: 4.5rem;
  height: 6rem;
  border: 0;
  border-left: 0.85rem solid #557d78;
  border-radius: 1.2rem;
  transform: rotate(-11deg);
}

body[data-page="cardiovascular"] .system-branch::before,
body[data-page="cardiovascular"] .system-branch::after {
  position: absolute;
  top: 0;
  width: 2.8rem;
  height: 4.8rem;
  border-top: 0.65rem solid #557d78;
  content: "";
}

body[data-page="cardiovascular"] .system-branch::before {
  left: -2.1rem;
  border-radius: 80% 0 0;
  transform: rotate(-35deg);
}

body[data-page="cardiovascular"] .system-branch::after {
  right: -1.8rem;
  border-radius: 0 80% 0 0;
  transform: rotate(35deg);
}

body[data-page="cardiovascular"] .system-alveoli {
  right: auto;
  bottom: 17%;
  left: 50%;
  width: 6.3rem;
  height: 7rem;
  border-left: 3px solid rgba(143, 95, 90, 0.48);
  background:
    repeating-linear-gradient(18deg, transparent 0 12px, rgba(143, 95, 90, 0.2) 13px 14px);
  transform: translateX(-50%) rotate(-8deg);
}

body[data-page="cardiovascular"] .system-focus {
  border-color: #a66a54;
  box-shadow: 0 0 0 7px rgba(166, 106, 84, 0.14);
  transform: translate(10%, 25%);
}

body[data-page="cardiovascular"] .system-number {
  background: #8f5f5a;
}

body[data-page="cardiovascular"] .system-tab.is-visited,
body[data-page="cardiovascular"] .system-evidence.is-visited,
body[data-page="cardiovascular-terms"] .system-term-card[open] {
  border-color: rgba(143, 95, 90, 0.72);
}

body[data-page="cardiovascular"] .system-builder-output {
  border-left-color: #8f5f5a;
}

@media (max-width: 480px) {
  body[data-page="cardiovascular"] .system-airway {
    transform: rotate(-8deg) scale(0.82);
  }

  body[data-page="cardiovascular"] .system-branch {
    transform: rotate(-11deg) scale(0.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="cardiovascular"] .system-airway,
  body[data-page="cardiovascular"] .system-branch,
  body[data-page="cardiovascular"] .system-alveoli,
  body[data-page="cardiovascular"] .system-focus {
    transition: none;
  }
}