/* Original desktop infographic; live wall copy and accessible responsive detail list. */
@layer sleep-multisystem-reference {
  html body #multisystem-health :is(p,h3,.sh-number) { font-family:"Sleep Roboto Condensed",sans-serif!important; color:#061333!important; letter-spacing:0!important; margin:0!important; }
  html body #multisystem-health #health-title { font-family:var(--site-font)!important; font-size:3.515625cqw!important; font-weight:var(--arotec-display-weight)!important; line-height:1.17!important; letter-spacing:-.035em!important; text-transform:none!important; text-wrap:nowrap!important; white-space:nowrap!important; margin:0!important; color:#020e29!important; }
  html body #multisystem-health #health-title span { font:inherit!important; }
  html body #multisystem-health .sh-intro p { font-size:2.05078125cqw!important; font-weight:400!important; line-height:1.1071429!important; }
  html body #multisystem-health .sh-number { font-size:2.685546875cqw!important; font-weight:700!important; line-height:1!important; }
  html body #multisystem-health h3 { font-size:1.708984375cqw!important; font-weight:700!important; line-height:1!important; text-transform:uppercase!important; }
  html body #multisystem-health .sh-health-cardio h3 { font-size:1.611328125cqw!important; }
  html body #multisystem-health .sh-health-list p { font-size:1.3671875cqw!important; font-weight:400!important; line-height:1.14!important; }
}
#multisystem-health { container-type:inline-size; }
#multisystem-health .sh-scene { display:block; height:auto; min-height:0; aspect-ratio:3154 / 1774; }
#multisystem-health .sh-art { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; }
#multisystem-health .sh-intro { position:absolute; inset:27.1% auto auto 3.42%; width:28%; max-width:none; margin:0; padding:0; }
#multisystem-health #health-title { width:max-content; max-width:none; transform:skewY(5.3deg) scaleX(.85); transform-origin:left top; }
#multisystem-health .sh-intro p { position:absolute; top:12.1cqw; left:0; width:max-content; max-width:none; white-space:nowrap; transform:skewY(2.8deg) scaleX(.78); transform-origin:left top; }
#multisystem-health .sh-health-source-details, #multisystem-health .sh-health-source-details img { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#multisystem-health .sh-health-source-details img { object-fit:fill; }
/* The native files match exactly at this boundary, before the retouched right photo. */
#multisystem-health .sh-health-infographic { clip-path:inset(0 0 0 53%); }
#multisystem-health .sh-health-divider { clip-path:inset(45.25% 92.45% 53.5% 3.35%); }
#multisystem-health .sh-health-list { margin:0; padding:0!important; background:none; border:0; }
#multisystem-health .sh-health-list img { border-radius:0; }
@media(min-width:1200px) {
  /* The source infographic retains its exact labels; this list supplies accessible text. */
  #multisystem-health .sh-health-list { position:absolute; width:1px; height:1px; padding:0!important; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #multisystem-health .sh-health-list img { display:none; }
}
@media(width < 1200px) {
  #multisystem-health .sh-scene { display:flex; flex-direction:column; aspect-ratio:auto; }
  #multisystem-health .sh-art { position:static; order:0; height:auto; aspect-ratio:3154 / 1774; }
  #multisystem-health .sh-intro { position:static; order:-1; width:auto; max-width:none; margin:0 24px; padding:32px 0 28px; display:grid; gap:20px; }
  #multisystem-health #health-title, #multisystem-health .sh-intro p { position:static; width:auto; max-width:none; white-space:normal; transform:none; }
  #multisystem-health .sh-health-break, #multisystem-health .sh-health-source-details { display:none; }
  #multisystem-health .sh-health-list { position:static; order:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin:32px 24px; }
  #multisystem-health .sh-health-list li { position:static; width:auto; display:grid; grid-template-columns:88px minmax(0,1fr); gap:18px; align-items:start; }
  #multisystem-health .sh-health-list img { position:static; width:88px; height:88px; }
  #multisystem-health .sh-health-list li > div { position:static; width:auto; display:grid; gap:8px; }
  #multisystem-health .sh-number, #multisystem-health .sh-health-list h3, #multisystem-health .sh-health-list p { position:static; width:auto; white-space:normal; transform:none; }
  @layer sleep-multisystem-reference {
    html body #multisystem-health #health-title { font-size:clamp(30px,4.5vw,52px)!important; line-height:1.1!important; text-wrap:wrap!important; white-space:normal!important; }
    html body #multisystem-health #health-title span { font-size:inherit!important; }
    html body #multisystem-health .sh-intro p { font-size:18px!important; line-height:1.5!important; }
    html body #multisystem-health .sh-number { font-size:32px!important; }
    html body #multisystem-health h3, html body #multisystem-health .sh-health-cardio h3 { font-size:23px!important; line-height:1.15!important; }
    html body #multisystem-health .sh-health-list p { font-size:17px!important; line-height:1.4!important; }
  }
}
@media(max-width:800px) {
  #multisystem-health .sh-health-list { grid-template-columns:1fr; }
}