/* Shared photograph navigation. Image dimensions and click actions are unchanged. */
button.anno-edge{
  position:absolute;z-index:20;top:0;bottom:0;width:clamp(44px,5vw,64px);
  margin:0;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#f5d797!important;font-size:0!important;
  line-height:1;box-shadow:none!important;transform:none;cursor:pointer;
  pointer-events:auto;touch-action:manipulation;
}
button.anno-edge.anno-prev{left:0;right:auto}
button.anno-edge.anno-next{right:0;left:auto}
/* A real word under each chevron explains it without needing a hover. */
button.anno-edge::before{
  content:attr(data-anno-hint);position:absolute;top:calc(50% + 25px);bottom:auto;
  left:1px;right:1px;width:auto;box-sizing:border-box;padding:5px 1px;
  border:1px solid rgba(217,170,85,.72);border-radius:5px;
  background:rgba(23,14,7,.92);color:#fff0c8;opacity:1;
  font:bold clamp(11px,1.1vw,14px)/1.25 Georgia,serif;
  text-align:center;white-space:normal;text-shadow:0 1px 2px #000;
}
button.anno-edge::after{
  position:absolute;top:50%;bottom:auto;width:auto;height:auto;border:0;
  transform:translateY(-50%);background:transparent;opacity:1;
  font:bold 38px/1 Georgia,serif;text-shadow:0 2px 5px #000;
}
button.anno-edge.anno-prev::after{content:"‹";left:12px;right:auto}
button.anno-edge.anno-next::after{content:"›";right:12px;left:auto}
button.anno-edge:hover,button.anno-edge:focus-visible{background:linear-gradient(90deg,#5231146b,transparent)!important}
button.anno-edge.anno-next:hover,button.anno-edge.anno-next:focus-visible{background:linear-gradient(270deg,#5231146b,transparent)!important}
button.anno-edge:focus-visible{outline:2px solid #ffe3a0;outline-offset:-3px}
button.anno-edge:disabled{visibility:hidden;pointer-events:none}
button.anno-edge[hidden]{display:none!important}
#theaterButtons:empty{display:none}

.anno-arrow-explanation{position:fixed;z-index:200;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:90vw;padding:8px 12px;border:1px solid #d9aa55;border-radius:8px;background:#21150bf5;color:#fff0c8;font:14px/1.4 Georgia,serif;text-align:center;pointer-events:none}
.anno-arrow-explanation[hidden]{display:none!important}
.anno-arrow-explanation.anno-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}