/* TechText is an absolute decorative layer; the original wordmark defines
   font, color, baseline and dimensions. No brand-link hit-area/layout changes. */
.entry-brand-hover { position:relative; }
.entry-headline-static { display:inline-block; }
.entry-brand-hover-text { opacity:1; }
.entry-brand-hover-canvas {
  display:block;
  position:absolute;
  top:-5px;
  left:-5px;
  /* Before the first hover, a canvas otherwise keeps its intrinsic 300px
     width and enlarges a narrow mobile viewport despite being invisible. */
  width:0;
  height:0;
  visibility:hidden;
  pointer-events:none;
}
.entry-brand-hover-probe {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden;
  pointer-events:none;
  white-space:pre;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
}
.entry-brand-hover-baseline {
  display:inline-block;
  width:0;
  height:0;
  padding:0;
  vertical-align:baseline;
}
/* Only changing glyphs are transparent; all other text stays native, without
   a full-line mask/opacity layer, duplicated text or per-letter DOM wrappers. */
::highlight(md-entry-tech-text) { color:transparent; text-shadow:none; }
.entry-brand-hover[data-tech-text="active"] > .entry-brand-hover-canvas { visibility:visible; }
@media (prefers-reduced-motion:reduce) {
  .entry-brand-hover[data-tech-text="active"] .entry-brand-hover-text { opacity:1; }
  .entry-brand-hover[data-tech-text="active"] > .entry-brand-hover-canvas { visibility:hidden; }
}