/* Stage 2 — Home page only. Shared application shell remains owned by Stage 1/1.5. */

body[data-stage1-view="home"] #home{
  --home-gap:var(--space-3,12px);
}

body[data-stage1-view="home"] #home>.stage2-home-hero{
  display:grid;
  grid-template-columns:minmax(520px,650px) minmax(560px,1fr);
  align-items:stretch;
  gap:var(--space-5,24px);
  min-height:0!important;
  height:auto!important;
  padding:var(--ui-panel-padding,8px);
  margin-bottom:var(--home-gap);
}

body[data-stage1-view="home"] .stage2-home-hero>div:first-child{
  min-width:0;
  max-width:650px;
  align-self:center;
  text-align:left;
}

body[data-stage1-view="home"] .stage2-home-hero h2{
  margin:4px 0 8px;
  font-size:1.34rem;
  letter-spacing:.045em;
}

body[data-stage1-view="home"] .stage2-home-hero p{
  max-width:650px;
  margin:0;
  line-height:1.43;
}

body[data-stage1-view="home"] .stage2-home-hero .home-hero-route{
  margin-top:7px;
  color:var(--muted);
}

body[data-stage1-view="home"] .stage2-home-path-stack{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:repeat(3,auto);
  gap:7px;
  width:min(100%,760px);
  margin:0;
  min-width:0;
  align-self:center;
  justify-self:center;
}

body[data-stage1-view="home"] .stage2-home-path-stack .path-card{
  min-height:0;
  height:auto;
  padding:var(--ui-panel-padding,8px);
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  column-gap:11px;
  align-content:start;
  text-align:left;
  background:var(--stage2-major-panel-bg,linear-gradient(180deg,rgba(16,40,29,.96),rgba(8,21,15,.96)));
  border-color:#285f48;
}

body[data-stage1-view="home"] .stage2-home-path-stack .path-num{
  position:static;
  inset:auto;
  grid-column:1;
  grid-row:1 / span 3;
  align-self:center;
  justify-self:center;
  opacity:.72;
  font-size:1rem;
  line-height:1;
  font-weight:800;
}

body[data-stage1-view="home"] .stage2-home-path-stack h3,
body[data-stage1-view="home"] .stage2-home-path-stack p,
body[data-stage1-view="home"] .stage2-home-path-stack b{
  grid-column:2;
  min-width:0;
}

body[data-stage1-view="home"] .stage2-home-path-stack h3{
  margin:0 0 2px;
  font-size:.93rem;
  line-height:1.2;
}

body[data-stage1-view="home"] .stage2-home-path-stack p{
  margin:0 0 4px;
  font-size:.78rem;
  line-height:1.3;
}

body[data-stage1-view="home"] .stage2-home-path-stack b{
  font-size:.76rem;
  line-height:1.2;
}

body[data-stage1-view="home"] #home>.home-grid,
body[data-stage1-view="home"] #home>.panel:not(:first-child){
  margin-top:var(--home-gap)!important;
}

body[data-stage1-view="home"] #home>.stage2-home-hero+.home-grid{
  margin-top:0!important;
}

body[data-stage1-view="home"] .interaction-card{
  grid-template-columns:1fr;
}

body[data-stage1-view="home"] .interaction-card>b,
body[data-stage1-view="home"] .interaction-card>span:last-child{
  grid-column:1;
}

body[data-stage1-view="home"] .interaction-card>b{
  display:block;
  margin-bottom:4px;
}

body[data-stage1-view="home"] .interaction-card .inline-ref{
  margin-left:5px;
}

.stage2-simple-footer{
  justify-content:flex-start!important;
  gap:0!important;
}

@media(max-width:1250px){
  body[data-stage1-view="home"] #home>.stage2-home-hero{
    grid-template-columns:minmax(460px,600px) minmax(430px,1fr);
  }
  body[data-stage1-view="home"] .stage2-home-path-stack{
    width:100%;
  }
}

@media(max-width:1050px){
  body[data-stage1-view="home"] #home>.stage2-home-hero{
    grid-template-columns:1fr;
  }
  body[data-stage1-view="home"] .stage2-home-hero>div:first-child{
    max-width:none;
  }
  body[data-stage1-view="home"] .stage2-home-path-stack{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto;
    width:100%;
  }
}

@media(max-width:700px){
  body[data-stage1-view="home"] .stage2-home-path-stack{
    grid-template-columns:1fr;
  }
}