/* NavigationStack descendants and Settings sheet stay inside GuidedExperience. */
.guided-browse-content{width:100%;min-height:0;flex:1;display:flex;flex-direction:column}
.guided-scoped-screen{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;text-align:left}
.guided-scoped-screen>.screen-content{flex:1;min-height:0;overflow:auto}
.packages-overlay:has(>.guided-scoped-screen){display:flex;flex-direction:column}
.packages-overlay>.guided-scoped-screen{flex:1;min-height:0}
.guided-native--browse>.guided-viewport{display:flex;overflow:hidden;min-height:0}
.guided-native--browse>.guided-viewport>.guided-centered{flex:1;min-height:0;margin:0;display:flex}
.guided-native--browse .guided-browse-content{flex:1;min-height:0}
.guided-native--browse .guided-scoped-screen{height:auto;flex:1;min-height:0}
.guided-scoped-screen.player-active>.screen-content{overflow:hidden;display:flex;flex-direction:column}
.guided-native--browse:has(.guided-scoped-screen .browse-header)>.guided-viewport{display:flex;padding:0;min-height:0}
.guided-native--browse:has(.guided-scoped-screen .browse-header)>.guided-viewport>.guided-centered{width:100%;flex:1;min-height:0;display:flex}
.guided-roadmap-header[hidden],.guided-tabs[hidden]{display:none!important}
/* Guided redraws its outer shell while a scoped destination is mounting.
   Derive nested chrome from the current destination, not detached old nodes. */
.guided-native--browse:has(.guided-scoped-screen .browse-header){grid-template-rows:minmax(0,1fr)}
.guided-native--browse:has(.guided-scoped-screen .browse-header)>:not(.guided-viewport){display:none}