/* Isolated audit repair layer. */

/* AUD-42: the dots are now buttons. Keep the original 9px geometry and 8px gap
   exactly as audited, and add a visible keyboard focus ring. The dots stay 9px:
   an enlarged invisible hit area would overlap its neighbours at these centres,
   so pointer sizing is left as the design has it and keyboard access is the fix. */
.ss-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);
  cursor:pointer;transition:.3s;-webkit-appearance:none;appearance:none}
.ss-dots button.on{background:#fff}
.ss-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* AUD-34: unobtrusive pause/play controls, same tone as the existing arrows. */
.slideshow{position:relative}
.ss-toggle,.hero-toggle{position:absolute;z-index:6;width:32px;height:32px;border:0;border-radius:50%;
  background:rgba(20,14,12,.45);color:#fff;cursor:pointer;padding:0;line-height:0;
  opacity:.55;transition:opacity .3s,background .3s;-webkit-appearance:none;appearance:none}
.ss-toggle{right:12px;bottom:10px}
.hero-toggle{right:18px;bottom:18px}
.ss-toggle:hover,.hero-toggle:hover,.ss-toggle:focus-visible,.hero-toggle:focus-visible{opacity:1;background:rgba(20,14,12,.75)}
.ss-toggle:focus-visible,.hero-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px;opacity:1}
.ss-toggle::before,.hero-toggle::before{content:'';display:inline-block;width:8px;height:10px;
  border-left:3px solid currentColor;border-right:3px solid currentColor}
.ss-toggle.is-paused::before,.hero-toggle.is-paused::before{width:0;height:0;border:0;
  border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;
  margin-left:3px}
@media(max-width:767px){.ss-toggle,.hero-toggle{width:44px;height:44px}.ss-toggle{right:8px;bottom:8px}}

/* Current slide announced to assistive technology only. */
.ss-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

@media print{.ss-toggle,.hero-toggle{display:none!important}}

/* Per-photo captions: readable credits above, never over, the gallery controls. */
.unesco-gallery{scroll-margin-top:5rem}
.unesco-gallery::after{pointer-events:none}
.unesco-gallery .band-caption{z-index:4;left:3rem;right:auto;bottom:3.6rem;max-width:calc(100% - 6rem);margin:0;padding:.6rem .8rem;background:rgba(15,10,8,.78);border-radius:2px;font-size:1.2rem;line-height:1.35;text-shadow:none;overflow-wrap:break-word}
.unesco-gallery .band-caption[hidden]{display:none!important}
.unesco-gallery .photo-caption-text{display:block}
.unesco-gallery .photo-credit{display:block;margin-top:.35rem;font-family:var(--sans);font-style:normal;font-size:.75rem;line-height:1.55;color:#fff}
.unesco-gallery .photo-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.unesco-gallery .photo-credit a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.unesco-gallery .photo-changes{display:block;font-size:.6875rem}
@media(max-width:767px){.unesco-gallery .band-caption{left:1.4rem;max-width:calc(100% - 2.8rem);bottom:4rem;font-size:1.1rem}}