/* Shared photo navigation. Keep labels and listeners; no layout or text changes
   to saved editorial elements. The icon follows the approved cave line marker. */
html body button[data-dive-arrow][aria-label]{
 display:inline-grid;place-items:center;flex-shrink:0;box-sizing:border-box;
 width:60px;height:52px;min-width:44px;min-height:44px;padding:0;
 border:0;border-radius:6px;background:transparent;box-shadow:none;
 color:var(--gallery-arrow-ink,var(--modal-ink,var(--ink,currentColor)));
 font-size:0;line-height:1;cursor:pointer;
}
html body button[data-dive-arrow][aria-label]::before{
 content:"";display:block;width:52px;height:32px;background:currentColor;
 mask:url("/releases/20261106160136722/web-content/dive-direction-arrow.svg") center/contain no-repeat;
 -webkit-mask:url("/releases/20261106160136722/web-content/dive-direction-arrow.svg") center/contain no-repeat;
 pointer-events:none;
}
html body button[data-dive-arrow=prev]::before{transform:rotate(180deg)}
html body button[data-dive-arrow][aria-label]:active:not(:disabled){background:transparent;box-shadow:none}
html body button[data-dive-arrow][aria-label]:disabled{opacity:.35;cursor:default}
html body button[data-dive-arrow][aria-label]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.gallery-arrow{--gallery-arrow-ink:#102b38}
@media(hover:hover) and (pointer:fine){
 html body button[data-dive-arrow][aria-label]:hover:not(:disabled){color:#087f98;background:transparent;box-shadow:none}
 html[data-theme=dark] body button[data-dive-arrow][aria-label]:hover:not(:disabled):not(.gallery-arrow){color:#8dd9e5}
 html body button[data-dive-arrow][aria-label]:hover:not(:disabled)::before{filter:drop-shadow(0 2px 3px #102b3826)}
}
@media(prefers-reduced-motion:no-preference){html body button[data-dive-arrow][aria-label]{transition:color .16s}html body button[data-dive-arrow][aria-label]::before{transition:filter .16s}}
@media(max-width:760px){html body button[data-dive-arrow][aria-label]{width:56px;height:48px}}