/* Let the float escape the HTML block into the body so
   subsequent slate-block paragraphs wrap around it */

body[class*='subsection-Introduction'] .block.html:has(.tef-float-right) {
  display: block;
}

/* PSD: Rectangle 892 at X=1062 Y=1332, image 'demo' at X=673 Y=1335.
   Crop shows right portion of image (offset 389/1000 → object-position 82%). */

body[class*='subsection-Introduction'] .tef-float-right {
  width: calc(498 / 1920 * 100vw);
  height: calc(711 / 1920 * 100vw);
  /*padding-top: calc(10 / 1920 * 100vw);*/
  margin: 0 0
    calc(26 / 1920 * 100vw)
    calc(53 / 1920 * 100vw);
  float:right;
  max-width: 400px;
  max-height: 563px;
}
body[class*='subsection-Introduction'] .tef-float-right img {
    height: 100%;
    object-fit: cover;
}


body[class*='subsection-Introduction']  .tef-float-right img {
  height: 100%;
  object-fit: cover;
  object-position: 82% top;
}


/* Footnote — PSD: smaller italic text, lighter gray */
body[class*='subsection-Introduction']  p:last-of-type {
  font-size: 90%;
  font-style: italic;
  line-height: 1.48;
  color: #8e8e8e;
  margin-top: calc(80 / 1920 * 100vw);
}
body[class*='subsection-FAQ'] h3 {
    color: #007ea5;
}