.semanticPassageTarget{scroll-margin-block:clamp(90px,12vh,160px)}
.semanticPassageTarget>.semanticHit,.semanticPassageTarget .semanticHit{
  display:inline;
  padding:0;
  margin:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  text-decoration-line:underline;
  text-decoration-color:rgba(114,207,255,.82);
  text-decoration-thickness:.075em;
  text-underline-offset:.14em;
  text-decoration-skip-ink:auto;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  animation:semanticFocusUnderline 1.25s ease-out both;
}
html.theme-light body .semanticPassageTarget>.semanticHit,html.theme-light body .semanticPassageTarget .semanticHit{
  text-decoration-color:rgba(30,139,207,.78);
}
@keyframes semanticFocusUnderline{
  0%{text-decoration-color:rgba(114,207,255,0)}
  35%{text-decoration-color:rgba(114,207,255,.96)}
  100%{text-decoration-color:rgba(114,207,255,.82)}
}