/* Examining an exhibit lifts it out of the wall into the same dark room. */
dialog.ag-reader {
  --ag-ink: #eee4cf;
  --ag-sheet-width: min(75rem, calc(100% - clamp(2rem, 8vw, 8rem)));
  width: 100%; max-width: none;
  height: 100vh; height: 100dvh; max-height: none;
  inset: 0; margin: 0; padding: 0;
  border: 0; border-radius: 0; box-shadow: none;
  color: var(--ag-ink); color-scheme: dark;
  background: radial-gradient(ellipse at 35% 46%, #242018a8, transparent 60%), #0d0d0bf5;
  overflow: hidden;
}
dialog.ag-reader[open] {
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
}
.ag-reader::backdrop { background: #0b0a08ad; }
.ag-reader .ag-reader-bar {
  position: static;
  width: var(--ag-sheet-width);
  margin-inline: auto;
  min-height: 44px;
  padding: max(env(safe-area-inset-top), 8px) 0 0;
  flex-wrap: nowrap;
  background: none; border: 0;
}
.ag-reader .ag-reader-paper {
  min-height: 0;
  overflow: auto; overscroll-behavior: contain;
  display: flex; align-items: safe center; justify-content: center;
  gap: clamp(2rem, 6vw, 7rem);
  padding: clamp(1rem, 5vh, 4rem) max(calc((100% - 75rem)/2), clamp(1rem, 4vw, 4rem)) max(2rem, env(safe-area-inset-bottom));
  color: var(--ag-ink); background: transparent; color-scheme: dark;
  scrollbar-width: thin; scrollbar-color: #565040 transparent;
}
.ag-originals { flex: 1 1 56%; min-width: 0; }
.ag-reader-caption { flex: 1 1 42%; min-width: 0; max-width: 50ch; }
.ag-reader-paper h2, .ag-reader-paper h3, .ag-reader-paper h4 { color: #f3e8d2; }
.ag-reader-paper h3 { color: #cbb48f; font: 600 .8rem/1.4 Manrope,ArchiveArabic,sans-serif; }
.ag-reader-paper .ag-source, .ag-reader-paper p { color: #d2c8b8; }
.ag-reader .ag-image-mat { border: 0; background: none; min-height: 0; max-height: 62dvh; }
.ag-reader .ag-image-mat img { max-height: 60dvh; filter: drop-shadow(0 8px 10px #0005); }
.ag-reader .ag-enlarged img { max-height: none; }
.ag-reader .ag-image-mat img { transform-origin: top left; }
.ag-tape-loading { font: .82rem/1.5 Manrope, ArchiveArabic, sans-serif; }
.ag-reader[data-personal] .ag-reader-clock {
  width:auto;
  white-space:normal;
  color:#ead1a8;
  font:600 .83rem/1.5 Manrope, ArchiveArabic, sans-serif;
}
.ag-reader .ag-plate { margin-block: 0 .75rem; }
.ag-reader .ag-plate .ag-action { justify-self: center; }
.ag-reader .ag-compare { border: 0; }
.ag-reader .ag-compare summary, .ag-reader .ag-field, .ag-reader .ag-range { color: #d4c5ad; }
.ag-reader .ag-field select { background: #24221e; color: #efe5cf; border-color: #615949; }
.ag-reader .ag-comparison-page { background: #272520; border: 0; }
.ag-reader .ag-cue { border-color: #4a4337; }
.ag-reader .ag-media-status { color: #f0dcb8; background: #302c25; }
.ag-reader .ag-action, .ag-reader .ag-action[aria-pressed='true'] {
  border: 0; border-radius: 0; background: none; box-shadow: none;
  min-width:44px; min-height: 44px; padding: .45rem .35rem;
  color: #f1dec1; font: 650 .87rem/1.4 Manrope,ArchiveArabic,sans-serif;
}
.ag-reader :focus-visible { outline-color: #e3b96e; }
@media (max-width: 740px) {
  .ag-reader .ag-reader-paper { display: block; padding-top: .75rem; }
  .ag-originals, .ag-reader-caption { max-width: 35rem; margin-inline: auto; }
  .ag-reader .ag-image-mat, .ag-reader .ag-image-mat img { max-height: 42dvh; }
  .ag-reader .ag-enlarged img { max-height: none; }
}