/* Archive fullscreen refinements: keep the site header visible and use minimal custom video controls. */

body.archive-viewer-open .topbar{
  z-index:10030!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.archive-viewer-open .menu-panel{
  z-index:10025!important;
}
body.archive-viewer-open .topbar .brand,
body.archive-viewer-open .topbar-actions{
  pointer-events:auto!important;
}

body.archive-viewer-open .archive-viewer__count{
  top:calc(78px + env(safe-area-inset-top));
  left:calc(10px + env(safe-area-inset-left));
}
body.archive-viewer-open .archive-viewer__close{
  top:calc(70px + env(safe-area-inset-top));
  right:calc(10px + env(safe-area-inset-right));
  background:transparent!important;
  color:#fff!important;
  mix-blend-mode:difference;
  outline:none!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;
  -webkit-appearance:none;
  appearance:none;
}
body.archive-viewer-open .archive-viewer__close:focus,
body.archive-viewer-open .archive-viewer__close:focus-visible,
body.archive-viewer-open .archive-viewer__close:active{
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Controls live at viewer level so Safari toolbar/visualViewport changes cannot scroll them away. */
.archive-viewer__video-controls{
  position:fixed;
  z-index:10018;
  inset:0;
  display:none;
  color:#fff;
  mix-blend-mode:difference;
  pointer-events:none;
}
.archive-viewer__video-controls.is-active{display:block}
.archive-viewer__sound{
  position:fixed;
  top:calc(70px + env(safe-area-inset-top));
  right:calc(54px + env(safe-area-inset-right));
  width:28px;
  height:36px;
  padding:0;
  border:0;
  outline:0;
  background:transparent!important;
  color:currentColor;
  display:grid;
  place-items:center;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
  -webkit-appearance:none;
  appearance:none;
}
.archive-viewer__sound:focus,
.archive-viewer__sound:focus-visible,
.archive-viewer__sound:active{
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
}
.archive-viewer__sound svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:square;
  stroke-linejoin:miter;
}
.archive-viewer__sound .archive-viewer__sound-wave{display:none}
.archive-viewer__sound.is-on .archive-viewer__sound-wave{display:block}
.archive-viewer__sound.is-on .archive-viewer__mute-line{display:none}

.archive-viewer__seek{
  --progress:0%;
  position:fixed;
  left:0;
  right:0;
  bottom:calc(6px + env(safe-area-inset-bottom));
  width:100vw;
  height:22px;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:currentColor;
  appearance:none;
  -webkit-appearance:none;
  touch-action:none;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
}
.archive-viewer__seek::-webkit-slider-runnable-track{
  height:1px;
  border:0;
  background:linear-gradient(to right,currentColor 0 var(--progress),rgba(255,255,255,.35) var(--progress) 100%);
}
.archive-viewer__seek::-webkit-slider-thumb{
  width:9px;
  height:9px;
  margin-top:-4px;
  border:0;
  border-radius:50%;
  background:currentColor;
  appearance:none;
  -webkit-appearance:none;
}
.archive-viewer__seek::-moz-range-track{
  height:1px;
  border:0;
  background:rgba(255,255,255,.35);
}
.archive-viewer__seek::-moz-range-progress{
  height:1px;
  background:currentColor;
}
.archive-viewer__seek::-moz-range-thumb{
  width:9px;
  height:9px;
  border:0;
  border-radius:50%;
  background:currentColor;
}

/* Archive has no floating back-to-top control: it adds no navigation value here. */
body:has(.archive-page) .top-link{
  display:none!important;
}