/* Approved final display fixes. Keep copy and unrelated components intact. */
html body .r2-reading-unit {
  display: inline-block;
  max-width: 100%;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* The source image has icon pixels at x=1..53 and an unwanted glyph at 59..76.
   Keep the original image; clip at the transparent gap and center the icon. */
html body .fv4ref-function img[src="assets/fv2/icon4.png"] {
  clip-path: inset(0 30.769231% 0 0) !important;
  transform: translateX(15.384615%) !important;
}

html body.subpage.flow-page .process-note {
  align-items: flex-start !important;
  height: auto;
}
html body.subpage.flow-page .process-note > b {
  flex-shrink: 0;
  line-height: inherit;
}

/* .htl-end is also a div, so :last-of-type does not select the final chapter. */
html body.history-page .htl-ch.htl-ch--last::before { bottom: 0; }

html body.form-platform .ft.ft-min .ft-bottom,
html body.thanks-platform .ft.ft-min .ft-bottom,
html body.form-platform .ft.ft-min .ft-bottom .ft-company-link,
html body.thanks-platform .ft.ft-min .ft-bottom .ft-company-link {
  color: #dce4f0 !important;
}

html body.thanks-platform {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
}
html body.thanks-platform > main {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
html body.thanks-platform .thanks-sec { flex: 1 0 auto; }
html body.thanks-platform > .ft { flex-shrink: 0; }

@media (max-width: 768px) {
  /* Use the container for spacing; avoid stacking 48px section padding. */
  html body.subpage .fi-visual-blend.sec {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  html body.subpage .fi-visual-blend .container { padding: 48px 24px 24px; }
  html body.subpage .fi-basic-section .container { padding-bottom: 16px; }
  html body.subpage .fi-option-section .container { padding-top: 40px; }
}
