/* Keep preview headings and links visible; scroll only overflowing copy. */
:root body #planet-menu.has-preview #menu-preview {
  display: flex; flex-direction: column; box-sizing: border-box;
  max-height: 90dvh; padding-top: min(8vw,8dvh); padding-bottom: min(8vw,8dvh);
}
:root body #menu-preview-back,
:root body #menu-preview-title,
:root body #menu-preview-link { flex: none; }
:root body #planet-menu #menu-preview-copy {
  flex: 0 1 auto; min-height: 0; max-height: 40dvh;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: var(--circle-blue) transparent;
  padding-right: 12px; white-space: pre-line;
}
#menu-preview-copy::-webkit-scrollbar { width: 6px; }
#menu-preview-copy::-webkit-scrollbar-track { background: transparent; }
#menu-preview-copy::-webkit-scrollbar-thumb { background: var(--circle-blue); border-radius: 6px; }
:root body #planet-menu.preview-tone-sky #menu-preview-link {
  align-self: flex-end; text-align: right; margin-right: 12px;
}
:root body #planet-menu.preview-tone-sky #menu-preview-copy {
  scrollbar-color: var(--circle-orange) transparent;
}
#planet-menu.preview-tone-sky #menu-preview-copy::-webkit-scrollbar-thumb { background: var(--circle-orange); }
@media(max-width:820px) {
  :root body #planet-menu.has-preview #menu-preview { max-height: 88dvh; padding-top: 6dvh; padding-bottom: 6dvh; }
}