/* Native scrolling with no pinned report elements or moving reading text. */
.report-bar{position:relative;background:#fff;border-bottom:1px solid var(--rule)}
.res-sec{scroll-margin-top:84px}
.stage,.stage.leaving,.stage.entering{transition:none;opacity:1;transform:none}
@media screen and (prefers-reduced-motion:no-preference){
  #result [data-report-enter="pending"]{opacity:0}
}
/* Hover depth changes the surface, never the position of reading text. */
@media screen and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #result .report-actions .btn{transition:translate 300ms cubic-bezier(.22,.61,.36,1),transform 120ms var(--control-ease),background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}
  #result .profile-primary,#result .area,#result .kwwrap{position:relative;isolation:isolate}
  #result .kwwrap{top:auto}
  #result .profile-primary::after,#result .area::after,#result .kwwrap::after{
    content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
    box-shadow:0 12px 28px #0c17311c;opacity:0;
    transition:opacity 300ms cubic-bezier(.22,.61,.36,1);
  }
  #result .area::after{inset:0 -12px 10px;background:#fff}
  #result .report-actions .btn:hover:not(:disabled):not(:focus-visible){translate:0 -2px}
  #result .profile-primary:hover::after,#result .area:hover::after,#result .kwwrap:hover::after{opacity:1}
  #result .report-actions .btn:active{translate:0 0}
}
@media print{
  .profile-card{box-shadow:none;border:0}
  #result [data-report-enter]{opacity:1!important;transform:none!important}
}