/* Playground Phase 3 · shared shell geometry owner.
   Behavior/order stays in v7007g3a Play Subnav; page modules keep content ownership. */

html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]{
  --gpb-play-shell-pad-y:24px;
  --gpb-play-shell-pad-x:28px;
  --gpb-play-shell-hero-min:365px;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>*{
  min-width:0;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero{
  order:0!important;
  width:100%!important;
  min-height:var(--gpb-play-shell-hero-min)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:var(--gpb-play-shell-pad-y) var(--gpb-play-shell-pad-x)!important;
  overflow:hidden!important;
  border:1px solid var(--gpb-ui-line,rgba(201,209,220,.12))!important;
  border-radius:14px!important;
  background:var(--gpb-ui-panel,#0f1217)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero::before,
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero::after{
  content:none!important;
  display:none!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero h1{
  margin:0!important;
  color:var(--gpb-ui-text,#e7ebf0)!important;
  font-size:30px!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>[data-v7007g3a-play-subnav]{
  order:1!important;
  display:flex!important;
  gap:4px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:14px 0 24px!important;
  padding:5px!important;
  overflow-x:auto!important;
  border:1px solid var(--gpb-ui-line,rgba(201,209,220,.12))!important;
  border-radius:10px!important;
  background:var(--gpb-ui-panel,#0f1217)!important;
  box-shadow:none!important;
  scrollbar-width:thin;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>[data-v7007g3a-play-subnav] .v525-tab{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:10px 16px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:var(--gpb-ui-muted,#939ca9)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>[data-v7007g3a-play-subnav] .v525-tab:is(:hover,.active){
  border-color:var(--gpb-ui-line-strong,rgba(201,209,220,.18))!important;
  background:#191f27!important;
  color:var(--gpb-ui-text,#e7ebf0)!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>:not(.gpb-play-shell-hero):not([data-v7007g3a-play-subnav]){
  order:2!important;
}

/* Contextual reviews stay outside the hero: Hero -> Playground nav -> context bar -> review. */
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-section="review"]>[data-v7007g3a-play-subnav]{
  margin-bottom:8px!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-section="review"]>.v7007g5-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  margin:0 0 24px!important;
  padding:9px 12px!important;
  border:1px solid var(--gpb-ui-line,rgba(201,209,220,.12))!important;
  border-radius:10px!important;
  background:var(--gpb-ui-surface,#11151b)!important;
  color:var(--gpb-ui-muted,#939ca9)!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.07em!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-section="review"]>.v7007g5-breadcrumb button{
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--gpb-ui-muted,#939ca9)!important;
  font:inherit!important;
  cursor:pointer!important;
}
html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-section="review"]>.v7007g5-breadcrumb strong{
  color:var(--gpb-ui-text,#e7ebf0)!important;
}

@media(max-width:760px){
  html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]{
    --gpb-play-shell-pad-y:18px;
    --gpb-play-shell-pad-x:18px;
    --gpb-play-shell-hero-min:0px;
  }
  html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>.gpb-play-shell-hero h1{
    font-size:27px!important;
  }
  html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-shell="1"]>[data-v7007g3a-play-subnav]{
    margin:10px 0 18px!important;
  }
  html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-section="review"]>[data-v7007g3a-play-subnav]{
    margin-bottom:7px!important;
  }
  html:is([data-gpb-polish="1"],[data-gpb-polish-preview="1"]) #app>main[data-gpb-play-section="review"]>.v7007g5-breadcrumb{
    margin-bottom:18px!important;
  }
}