/* Shared landing overlay + large panel shell (command palette, Compendium, experience gate). */

:root {
  --landing-overlay-bg: color-mix(in srgb, #000 68%, transparent);
  --landing-overlay-blur: 10px;
  --landing-panel-width: min(var(--container, 1400px), calc(100% - 56px));
  --landing-panel-height: min(80dvh, calc(100dvh - var(--landing-chrome-offset, 0px) - var(--landing-header-height, 68px) - 56px));
}

.landing-overlay-backdrop,
.landing-modal__backdrop,
.search-palette-modal__backdrop,
.founder-modal__backdrop,
.founder-compendium-modal__backdrop,
.founder-reveal__backdrop {
  background: var(--landing-overlay-bg);
  backdrop-filter: blur(var(--landing-overlay-blur));
  -webkit-backdrop-filter: blur(var(--landing-overlay-blur));
}

.landing-panel-modal,
.search-palette-modal__panel,
.founder-compendium-modal__panel,
.experience-gate-modal__panel {
  width: var(--study-library-width, var(--landing-panel-width));
  height: var(--study-library-height, var(--landing-panel-height));
  max-height: var(--study-library-height, var(--landing-panel-height));
}

.search-palette-modal,
.founder-compendium-modal,
.experience-gate-modal {
  place-items: center;
  padding: max(16px, calc(var(--landing-chrome-offset, 0px) * 0.25 + 12px)) 28px;
}