/* Bio2Twin | Pulse Stability compact typography | 2026-10-26
   Only when Pulse rail + Stability tab are active.
   No palette, gradients, borders, APIs or health computations changed. */
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) .app-head h1 {
  font-size:28px !important;
  line-height:1.25;
  font-weight:400;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) .app-subtitle {
  font-size:13px;
  line-height:1.65;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content {
  gap:13px;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .hero-card {
  min-height:0;
  padding:23px 24px;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .hero-card .hero-copy h2 {
  font-size:20px !important;
  line-height:1.4;
  font-weight:400;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .hero-card .hero-copy p {
  font-size:13px;
  line-height:1.7;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 {
  gap:11px;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card {
  box-sizing:border-box;
  min-height:108px;
  min-width:0;
  padding:16px 17px;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card small {
  font-size:10px;
  letter-spacing:.09em;
  line-height:1.5;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card b.value {
  display:block;
  font-size:17px !important;
  font-weight:400;
  line-height:1.45;
  letter-spacing:0;
  margin:9px 0 7px;
  overflow-wrap:anywhere;
  white-space:normal;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card h3 {
  font-size:14px !important;
  line-height:1.4;
  font-weight:400;
  margin:5px 0;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card p {
  font-size:12px;
  line-height:1.6;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .flow-list {
  gap:8px;
}
body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .flow-list > .flow-step {
  padding:11px 13px;
}
@media(max-width:760px) {
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) .app-head h1 {
    font-size:23px !important;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .hero-card {
    padding:18px 16px;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .hero-card .hero-copy h2 {
    font-size:18px !important;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 {
    gap:9px;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card {
    min-height:0;
    padding:13px 15px;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card b.value {
    font-size:15px !important;
    margin:6px 0 4px;
    line-height:1.45;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card h3 {
    font-size:13px !important;
  }
  body:has(.rail-item[data-app="pulse"].active):has(#subnav button[data-page="stability"].active) #content > .grid-3 > .card p {
    font-size:12px;
  }
}