/* Translucent navigation/settings surfaces in both palettes. */
:root { --dialog-surface: rgba(247,244,237,.58); }
:root[data-theme=dark] { --dialog-surface: rgba(21,37,31,.60); }
@media (prefers-color-scheme: dark) {
  :root[data-theme=system] { --dialog-surface: rgba(21,37,31,.60); }
}
:root[data-palette=light] { --dialog-surface: rgba(243,240,232,.58); }
:root[data-palette=dark] { --dialog-surface: rgba(29,46,29,.60); }
:root :is(#menu-dialog,#settings-dialog) {
  background: var(--dialog-surface);
  backdrop-filter: blur(6px) saturate(105%);
  -webkit-backdrop-filter: blur(6px) saturate(105%);
}
:root :is(#menu-dialog,#settings-dialog)::backdrop {
  background: rgba(18,39,30,.12);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#menu-dialog .dialog-top {
  justify-content: flex-end;
  border-bottom: 0;
  padding-bottom: 8px;
  margin-bottom: 0;
}
#menu-dialog .menu-links a:last-child { border-bottom: 0; }
/* Reuse the opening portrait's circular control and disclosure panel. */
.onepage .hero-credit.transition-credit {
  top: 14px;
  right: 14px;
  bottom: auto;
  width: 44px;
  margin: 0;
  opacity: var(--photo-opacity,1);
}
.onepage .transition-credit .hero-credit-panel {
  top: 0;
  bottom: auto;
  max-width: min(330px,calc(100vw - 100px));
}
.onepage .transition-credit[data-credit-hidden] {
  visibility: hidden;
  pointer-events: none;
}
@media print { .transition-credit { display: none; } }