/* Integration-only surface rules. The canonical card/teaser CSS is untouched. */
html, body.hespera-embed { margin:0; padding:0; min-height:0; height:auto; background:transparent; }
body.hespera-embed { overflow-x:hidden; }
#hespera-embed-root { display:flow-root; padding-top:0; padding-bottom:32px; }
.hespera-embed #selection-dialog {
  position:absolute;
  inset:auto;
  left:50%;
  top:var(--hespera-dialog-top, 16px);
  transform:translateX(-50%);
  margin:0;
  max-height:var(--hespera-dialog-max-height, 70vh);
  overflow:auto;
  overscroll-behavior:contain;
}
/* Documents inside an iframe cannot assume its full height is the visible screen. */
.hespera-embed .home-plan.is-selected { outline:2px solid rgba(128,203,255,.8); outline-offset:4px; }