/* Quiet, consistent cursor throughout the artwork viewing surfaces. */
#viewer, #viewer:active, #viewer *, #field, #field .print, #field img, #single, #single img { cursor: default !important; }
#viewer img, #field img, #single img { -webkit-user-drag: none; user-select: none; -webkit-touch-callout: none; }

/* Shared exit control, clear of the print surface. */
#details #close, #single #close { display: flex; align-items: center; justify-content: center; position: fixed; top: 20px; right: max(20px, 4vw); width: 44px; height: 44px; padding: 0; margin: 0; background: transparent; border: 0; color: #363636; opacity: 1; cursor: pointer; z-index: 6; pointer-events: auto; }
#close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.25; }
#close:hover { opacity: .65; }
#close:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

/* Touch navigation never draws a focus rectangle across the artwork. */
#viewer,#field,#single,#grid .print{-webkit-tap-highlight-color:transparent}
body:not(.keyboard-navigation) #viewer,
body:not(.keyboard-navigation) #viewer *,
body:not(.keyboard-navigation) #single,
body:not(.keyboard-navigation) #single *,
body:not(.keyboard-navigation) #grid .print{outline:none!important;box-shadow:none!important}