/* Necesso Solutions: exact same vertical stacking as step 01 for 02 and 07.
   Layout scoped to the DE/EN Solutions pages; rest of website unchanged. */
.solutions-page section.chapter#quote,
.solutions-page section.chapter#approval {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-rows:min-content!important;
  align-items:start!important;
  row-gap:12px!important;
  column-gap:clamp(16px,2.2vw,32px)!important;
}

.solutions-page section.chapter#quote > .nc-scene-photo {
  grid-area:1 / 1 / 2 / 2!important;
  align-self:start!important;
}
.solutions-page section.chapter#quote > .nc-chapter-copy {
  grid-area:1 / 2 / 2 / 3!important;
}
.solutions-page section.chapter#approval > .nc-chapter-copy {
  grid-area:1 / 1 / 2 / 2!important;
}
.solutions-page section.chapter#approval > .nc-scene-photo {
  grid-area:1 / 2 / 2 / 3!important;
  align-self:start!important;
}
.solutions-page section.chapter#approval > .case-sheet {
  grid-area:2 / 1 / 3 / 3!important;
}

.solutions-page section.chapter > .nc-chapter-copy {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-self:start!important;
}
.solutions-page section.chapter > .nc-chapter-copy > .chapter-head,
.solutions-page section.chapter > .nc-chapter-copy > .job-example,
.solutions-page section.chapter > .nc-chapter-copy > .process-rule {
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  align-self:stretch!important;
  grid-area:auto!important;
}
.solutions-page section.chapter#quote .nc-chapter-copy .example-toolbar strong {
  color:#36713c!important;
  font-weight:700!important;
  font-size:13px!important;
  letter-spacing:.045em!important;
}
@media(max-width:900px) {
  .solutions-page section.chapter#quote,
  .solutions-page section.chapter#approval {
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .solutions-page section.chapter#quote > .nc-chapter-copy,
  .solutions-page section.chapter#approval > .nc-chapter-copy {order:1!important;}
  .solutions-page section.chapter#quote > .nc-scene-photo,
  .solutions-page section.chapter#approval > .nc-scene-photo {order:2!important;}
  .solutions-page section.chapter#approval > .case-sheet {order:3!important;}
  .solutions-page section.chapter > .nc-chapter-copy {gap:10px!important;}
}