/* The uploaded continuous-intelligence visual, adapted to the site and small screens. */
.data-story { padding-block: clamp(100px, 10vw, 150px); background: #f6f5f2; }
.story-flow-heading { max-width: 1180px; margin-bottom: clamp(38px, 4vw, 60px); }
.story-eyebrow { margin: 0 0 24px; color: #6f6c68; font-size: .9375rem; line-height: 1.5; }
.patient-story-title { margin: 0; color: #071f2d; font-size: clamp(39px, 4.3vw, 64px); line-height: 1.06; letter-spacing: -.052em; text-wrap: balance; }
.patient-story-title > span { color: #6f6c68; }
@media (min-width: 1101px) {
  .patient-story-title { white-space: nowrap; }
  .patient-story-title > span { display: block; }
}
.conversation-engine { position: relative; margin: 0; }
.conversation-engine-controls { display: flex; min-height: 44px; justify-content: flex-end; margin-bottom: 12px; }
.preview-motion-control { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; padding: 0; border: 1px solid #a8b8c1; border-radius: 50%; background: transparent; color: #071f2d; cursor: pointer; transition: color .25s, background .25s; }
.preview-motion-control[hidden] { display: none; }
.preview-motion-control svg { width: 14px; height: 14px; fill: currentColor; }
.preview-motion-control .visual-resume-icon { display: none; }
[data-user-paused="true"] .preview-motion-control .visual-pause-icon { display: none; }
[data-user-paused="true"] .preview-motion-control .visual-resume-icon { display: block; }
.preview-motion-control:hover { color: #071f2d; background: #e8a365; border-color: #e8a365; }
.preview-motion-control:focus-visible { outline: 2px solid #9c5320; outline-offset: 4px; }
.conversation-engine-caption { margin: 22px 0 0; color: #617782; font-size: .875rem; line-height: 1.5; }
#mh-balanced-preview { width: 100%; font-family: inherit; color: #071f2d; }
#mh-balanced-preview .mh-section { position: relative; padding: 38px clamp(24px, 3vw, 44px) 30px; isolation: isolate; overflow: hidden; border: 1px solid #d4dde3; border-radius: 12px; background-color: #f6f5f2; background-image: linear-gradient(rgba(15,62,87,.027) 1px,transparent 1px), linear-gradient(90deg,rgba(15,62,87,.027) 1px,transparent 1px); background-size: 34px 34px; }
#mh-balanced-preview .mh-layout { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(28px,4vw,64px); }
#mh-balanced-preview .mh-column { position: relative; z-index: 2; display: flex; min-width: 0; flex-direction: column; }
#mh-balanced-preview .mh-label { min-height: 36px; margin: 0; color: #071f2d; font-size: .875rem; line-height: 1.5; font-weight: 500; letter-spacing: .015em; text-align: center; }
#mh-balanced-preview .mh-source .mh-label { text-wrap: balance; }
#mh-balanced-preview .mh-process .mh-label { font-size: 1.375rem; letter-spacing: -.025em; }
#mh-balanced-preview .mh-body { display: flex; min-height: 278px; align-items: center; justify-content: center; }
#mh-balanced-preview .mh-patients { display: grid; grid-template-columns: repeat(7,14px); grid-auto-rows: 14px; gap: 14px; width: max-content; }
#mh-balanced-preview .mh-patient { display: block; width: 14px; height: 14px; border: 1px solid #9bb1bd; background: #dde5e9; opacity: .82; }
#mh-balanced-preview .mh-patient:nth-child(3n+1) { border-radius: 50%; }
#mh-balanced-preview .mh-patient:nth-child(3n) { transform: rotate(45deg) scale(.82); }
#mh-balanced-preview .mh-patient:nth-child(7n+1), #mh-balanced-preview .mh-patient:nth-child(11n) { border-color: #d89a65; background: #f4d7bc; animation: mh-balanced-glow 6.5s ease-in-out infinite; }
#mh-balanced-preview .mh-patient:nth-child(11n) { animation-delay: -1.7s; }
#mh-balanced-preview .mh-core-art { display: block; width: 100%; max-width: 188px; height: auto; overflow: hidden; }
#mh-balanced-preview .mh-hint { position: relative; width: 100%; max-width: 270px; min-height: 42px; margin: 0 auto; padding-top: 8px; background: #f6f5f2; color: #526e7d; font-size: .9375rem; line-height: 1.5; text-align: center; }
#mh-balanced-preview .mh-layers { display: grid; width: 100%; max-width: 282px; grid-template-rows: repeat(3,minmax(0,1fr)); gap: 12px; }
#mh-balanced-preview .mh-layer { display: block; position: relative; width: 100%; min-width: 0; min-height: 78px; padding: 14px 16px; border: 1px solid #c4d2db; border-radius: 9px; background: #fdfdfc; color: #071f2d; font: inherit; text-align: left; }
#mh-balanced-preview .mh-layer-top { display: flex; min-height: 24px; align-items: center; gap: 8px; }
#mh-balanced-preview .mh-layer-name { font-size: 1.25rem; line-height: 1.2; letter-spacing: -.025em; font-weight: 500; }
#mh-balanced-preview .mh-layer-copy { display: block; margin-top: 5px; color: #526e7d; font-size: .875rem; line-height: 1.5; }
#mh-balanced-preview .mh-wiring { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
#mh-balanced-preview .mh-wire { fill: none; stroke: #a8bdc9; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; }
#mh-balanced-preview .mh-wire-return { stroke-dasharray: 4 7; opacity: .35; }
#mh-balanced-preview .mh-traveler { fill: #e8a365; stroke: #f6f5f2; stroke-width: 1.5; }
#mh-balanced-preview .mh-junction { fill: #f6f5f2; stroke: #c58b58; stroke-width: 1.4; }
#mh-balanced-preview .mh-arrival { fill: #e8a365; }
@keyframes mh-balanced-glow { 0%,60%,100% { opacity: .65; } 20%,40% { opacity: 1; background: #eec19b; } }
@media (max-width: 1100px) {
  .data-story { padding-block: 88px; }
  .story-flow-heading { margin-bottom: 30px; }
  .story-eyebrow { margin-bottom: 22px; font-size: .875rem; }
  .patient-story-title { font-size: clamp(34px, 5.8vw, 56px); line-height: 1.09; }
  #mh-balanced-preview .mh-section { padding-inline: 24px; }
  #mh-balanced-preview .mh-layout { gap: 24px; }
  #mh-balanced-preview .mh-patients { grid-template-columns: repeat(7,12px); grid-auto-rows: 12px; gap: 11px; }
  #mh-balanced-preview .mh-patient { width: 12px; height: 12px; }
  #mh-balanced-preview .mh-core-art { max-width: 160px; }
  #mh-balanced-preview .mh-layer { padding: 13px 12px; }
  #mh-balanced-preview .mh-layer-name { font-size: 1.125rem; }
  #mh-balanced-preview .mh-hint { font-size: .875rem; }
}
@media (max-width: 820px) {
  .patient-story-title { font-size: clamp(34px, 8.8vw, 47px); }
  #mh-balanced-preview .mh-section { padding: 30px 24px; }
  #mh-balanced-preview .mh-layout { grid-template-columns: minmax(0,1fr); gap: 48px; max-width: 380px; margin-inline: auto; }
  #mh-balanced-preview .mh-label { min-height: 32px; font-size: 1.0625rem; letter-spacing: -.015em; }
  #mh-balanced-preview .mh-process .mh-label { font-size: 1.375rem; }
  #mh-balanced-preview .mh-body { min-height: 170px; }
  #mh-balanced-preview .mh-process .mh-body { min-height: 220px; }
  #mh-balanced-preview .mh-core-art { max-width: 170px; }
  #mh-balanced-preview .mh-output .mh-body { min-height: 0; padding-block: 14px 8px; }
  #mh-balanced-preview .mh-layers { max-width: 310px; gap: 12px; }
  #mh-balanced-preview .mh-layer { min-height: 84px; padding: 15px 16px; }
  #mh-balanced-preview .mh-layer-name { font-size: 1.25rem; }
  #mh-balanced-preview .mh-layer-copy { font-size: .9375rem; }
  #mh-balanced-preview .mh-hint { min-height: 32px; font-size: .9375rem; }
}
/* Shared rows align all three diagram captions beneath the tallest column. */
@media (min-width: 821px) {
  #mh-balanced-preview .mh-column { display: grid; grid-template-rows: 36px minmax(278px,1fr) 42px; }
  #mh-balanced-preview .mh-hint { max-width: none; font-size: clamp(.75rem,1.4vw,.9375rem); letter-spacing: -.01em; white-space: nowrap; }
  #mh-balanced-preview .mh-layer-name { white-space: nowrap; }
}
@media (max-width: 820px) { #mh-balanced-preview .mh-hint { max-width: none; text-wrap: balance; } }
@media (max-width: 820px) { #mh-balanced-preview .mh-wire-return { display: none; } }
@media (max-width: 370px) { #mh-balanced-preview .mh-section { padding-inline: 18px; } #mh-balanced-preview .mh-layer { padding-inline: 12px; } }
@media (prefers-reduced-motion: reduce) { #mh-balanced-preview *, #mh-balanced-preview *::before { animation: none !important; transition: none !important; } .preview-motion-control { transition: none; } }