/* Personal pen-and-clover signature, shared by the three introductions. */
.signature-name {
  display: inline-block;
  white-space: nowrap;
}
.personal-signature {
  display: inline-flex;
  align-items: center;
  gap: 0.05em;
  margin-left: 0.3em;
  vertical-align: middle;
  line-height: 1;
  letter-spacing: 0;
}
/* Render real images: CSS masks are blocked for local file previews. */
.personal-signature img {
  display: block;
  width: 1.875em;
  height: 1.875em !important;
  aspect-ratio: 1 !important;
  flex: 0 0 auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
  /* Darken the artwork and reinforce its translucent fine lines. */
  filter: brightness(0) saturate(100%) invert(18%) sepia(25%) saturate(861%) hue-rotate(121deg) brightness(91%) contrast(94%) drop-shadow(0 0 0 #163b36) drop-shadow(0 0 0 #163b36) drop-shadow(0.3px 0 #163b36) drop-shadow(-0.3px 0 #163b36);
}
.personal-signature img[src$="signature-shamrock-solid.png"] {
  /* New artwork has less empty padding than the original clover. */
  width: 1.6875em;
  height: 1.6875em !important;
}
.contact-layout .contact-bio-name {
  max-width: none;
}

/* Widen the desktop portrait to the signed name-and-role line. */
@media (min-width: 901px) and (orientation: landscape) and (min-height: 501px),
  (min-width: 1001px) and (orientation: landscape),
  (min-width: 1025px) and (hover: hover),
  (min-width: 1367px) {
  .contact-layout .contact-figure,
  .contact-layout .contact-portrait-frame {
    width: 100%;
    max-width: 365px;
  }
  .contact-layout .contact-portrait-frame {
    aspect-ratio: 1;
  }
}


/* Keep the cream engraving beside “endure”, including when the title wraps. */
.hp-researcher .rc-headline {
  margin-bottom: 1.9rem;
}
.rc-endure-signature {
  display: inline-block;
  white-space: nowrap;
}
.rc-engraved-signature {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-left: 0.75rem;
  vertical-align: middle;
  line-height: 1;
}
.rc-engraved-signature img {
  display: block;
  height: 45px;
  width: auto;
  max-width: none;
  flex: 0 0 auto;
  object-fit: contain;
}
@media (max-width: 600px) {
  .rc-engraved-signature img {
    height: 40px;
  }
}

/* Recolour only the opaque engraved strokes; preserve PNG transparency. */
.rc-engraved-signature img[src$="signature-shamrock-engraved.png"] {
  filter: brightness(0) invert(96%) sepia(9%) saturate(326%) hue-rotate(345deg) brightness(99%) contrast(91%);
}