#bienestart-metrics-preview {
  position: fixed;
  z-index: 90;
  inset: auto 1rem max(4.5rem, env(safe-area-inset-bottom)) auto;
  width: min(31rem, calc(100% - 2rem));
  max-height: min(21rem, 60vh);
  overflow: auto;
  padding: .8rem 1rem;
  color: #f8fafc;
  background: #101932;
  border: 1px solid #4d7bd2;
  border-radius: .85rem;
  box-shadow: 0 12px 32px #0006;
  font: .82rem/1.5 system-ui,sans-serif;
}
#bienestart-metrics-preview summary { cursor: pointer; font-weight: 650; }
#bienestart-metrics-preview p { margin: .5rem 0; }
#bienestart-metrics-preview label { display: inline-flex; align-items: center; margin: .2rem .6rem .2rem 0; gap: .25rem; }
#bienestart-metrics-preview ul { margin-top: .55rem; padding-left: 1rem; list-style: disc; }