/* Arrows flank the surface; the action always sits one spacing step below. */
html body dialog.ias-reader[open] {
  --reader-control-size:44px;
  --reader-motion-open:360;
  --reader-motion-close:280;
  --reader-motion-slide:240;
  --reader-motion-distance:48px;
  --reader-motion-easing:cubic-bezier(.22,1,.36,1);
  --reader-control-gap:var(--space-4,16px);
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding:68px 76px 84px !important; box-sizing:border-box; overflow:auto;
}
.ias-reader-shell { position:relative; width:fit-content; max-width:100%; flex:none; }
html body dialog.ias-lightbox.ias-reader .ias-reader-shell > :is(.ias-cert-wrapper,.ias-voice-panel) {
  margin:0 !important; max-width:100% !important; animation:none !important;
}
html body dialog.ias-lightbox.ias-reader .ias-reader-shell > .ias-voice-panel { width:min(640px,calc(100vw - 152px)); max-height:calc(100dvh - 160px); }
html body dialog.ias-lightbox.ias-reader.is-all .ias-reader-shell > .ias-voice-panel { width:min(900px,calc(100vw - 152px)); }
html body dialog.ias-lightbox.ias-reader .ias-lightbox-img { max-width:100% !important; max-height:calc(100dvh - 160px) !important; }
html body dialog.ias-lightbox.ias-reader .ias-reader-actions {
  position:absolute !important; top:calc(100% + var(--reader-control-gap)) !important;
  inset-inline:0 !important; bottom:auto !important; margin:0 auto !important;
  width:100%; transform:none !important;
}
html body dialog.ias-lightbox.ias-reader .ias-reader-shell > .ias-voice-nav {
  position:absolute !important; top:calc(50% - 22px) !important; bottom:auto !important;
  margin:0 !important; transform:none !important; width:44px; height:44px;
}
html body dialog.ias-lightbox.ias-reader .ias-reader-shell > .is-previous { inset-inline-start:calc(-1 * (var(--reader-control-size) + var(--reader-control-gap))) !important; inset-inline-end:auto !important; }
html body dialog.ias-lightbox.ias-reader .ias-reader-shell > .is-next { inset-inline-end:calc(-1 * (var(--reader-control-size) + var(--reader-control-gap))) !important; inset-inline-start:auto !important; }
html body dialog.ias-lightbox.ias-reader .ias-lightbox-close {
  position:absolute !important; top:var(--space-4,16px) !important; inset-inline-end:var(--space-4,16px) !important; inset-inline-start:auto !important;
  width:44px !important; height:44px !important; padding:10px; margin:0;
  display:grid; place-items:center; border:1px solid var(--color-border-default,#d1cec7);
  background:var(--color-bg-primary,#faf9f7); color:var(--color-text-primary,#1f1f1f); border-radius:50%;
}
html body dialog.ias-lightbox.ias-reader .ias-lightbox-close svg { width:22px; height:22px; }
html body dialog.ias-lightbox.ias-reader .ias-lightbox-hint { display:none !important; }
html body dialog.ias-lightbox.ias-reader .ias-voice-reader-bar { min-height:76px; box-sizing:border-box; padding-inline-end:calc(var(--reader-control-size) + 2 * var(--space-4,16px)); }
html body dialog.ias-lightbox.ias-reader [hidden] { display:none !important; }
@media(max-width:600px) {
  html body dialog.ias-reader[open] { --reader-control-gap:8px; padding:64px 60px 80px !important; }
  html body dialog.ias-lightbox.ias-reader .ias-reader-shell > .ias-voice-panel,
  html body dialog.ias-lightbox.ias-reader.is-all .ias-reader-shell > .ias-voice-panel { width:calc(100vw - 120px); }
  html body dialog.ias-lightbox.ias-reader .ias-reader-details { max-width:calc(100vw - 32px); white-space:normal; text-align:center; }
  html body dialog.ias-lightbox.ias-reader .ias-voice-reader-content { padding:16px; }
}

html body dialog.ias-lightbox.ias-reader.ias-lightbox-zoomed .ias-cert-wrapper { overflow:auto !important; display:block !important; overscroll-behavior:contain; }
html body dialog.ias-lightbox.ias-reader.ias-lightbox-zoomed .ias-lightbox-img { max-width:none !important; max-height:none !important; margin:0; }
html body dialog.ias-lightbox.ias-reader :is(.ias-voice-nav,.ias-lightbox-close) {
  border:1px solid var(--color-border-default,#d1cec7) !important;
  background:var(--color-bg-primary,#faf9f7) !important;
  color:var(--color-text-primary,#1f1f1f) !important;
  border-radius:50%; box-shadow:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
html body dialog.ias-lightbox.ias-reader :is(.ias-voice-nav,.ias-lightbox-close):hover {
  color:var(--color-text-highlight,#a64823) !important;
  border-color:var(--color-text-highlight,#a64823) !important;
}
html body dialog.ias-lightbox.ias-reader :is(.ias-voice-nav,.ias-lightbox-close):focus-visible { outline:2px solid var(--color-text-highlight,#a64823); outline-offset:3px; }
html body dialog.ias-lightbox.ias-reader .ias-voice-nav svg { width:22px; height:22px; }
@media(prefers-reduced-motion:reduce) {
  html body dialog.ias-lightbox.ias-reader :is(.ias-voice-nav,.ias-lightbox-close) { transition:none; }
}
/* The all-testimonials view has no side arrows; use that space for reading. */
html body dialog.ias-lightbox.ias-reader.is-all {
  padding-inline:var(--space-4,16px) !important;
}
html body dialog.ias-lightbox.ias-reader.is-all .ias-reader-shell > .ias-voice-panel {
  width:min(900px,calc(100vw - 2 * var(--space-4,16px))) !important;
}