/* ページの先頭へ戻るボタン。マークアップは inc/page-top.php、出し入れは page-top.js。 */

.emr-page-top{
  position:fixed;
  right:calc(16px + env(safe-area-inset-right));
  bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:50;
  display:flex;align-items:center;justify-content:center;
  width:48px;height:48px;
  background:var(--mr-ink);
  color:var(--mr-paper);
  border:2px solid var(--mr-gold);
  box-shadow:3px 3px 0 var(--mr-gold-deep);
  /* 出ていないときはクリックもフォーカスもさせない（visibility で Tab 移動からも外れる） */
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s, transform .2s, visibility 0s .2s;
}
.emr-page-top.is-visible{
  opacity:1;visibility:visible;transform:none;
  transition:opacity .2s, transform .2s;
}
.emr-page-top:hover,
.emr-page-top:focus-visible{
  background:var(--mr-cobalt);
  color:var(--mr-paper);
}
.emr-page-top:focus-visible{
  outline:3px solid var(--mr-gold);
  outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  .emr-page-top,
  .emr-page-top.is-visible{transition:none;transform:none}
}

@media print{
  .emr-page-top{display:none}
}