/* V35 letter sequence: names, date of birth, hospital number and addresses blur as the highlights fill in, to show the letter is
   de-identified in the process. --cc-phi (0 to 1) is set by letter-deid-v35.js from the scroll-driven highlight progress.
   Without the script the letter simply stays readable. */
.cine-nhs-letter .cc-phi {
  display: inline !important;   /* the letter's own span rules would otherwise make these blocks */
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  filter: blur(calc(var(--cc-phi, 0) * .46em));
  background: rgb(52 86 128 / calc(var(--cc-phi, 0) * .14));
  border-radius: .35em;
  box-shadow: 0 0 0 .08em rgb(52 86 128 / calc(var(--cc-phi, 0) * .14));
  -webkit-user-select: none;
  user-select: none;
}
/* a small label beside the legend, fading in as the identifiers blur */
.cine-letter-legend::after {
  content: "Identifiers removed";
  opacity: var(--cc-phi, 0);
  padding-left: 12px;
  background: radial-gradient(circle at 3px 50%, #5eead4 0 3px, transparent 3.5px) no-repeat;
  white-space: nowrap;
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .cine-letter-legend::after { transition: none; }
}