/* Scoped size corrections for the existing HEVU assembly and demonstration.
   Media, animation behavior, navigation, and the existing design stay intact. */
.hero .assembly--annotated {
  max-width: 1040px;
}
.hero .assembly-label {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  align-content: start;
  gap: 5px 6px;
  width: 184px;
  padding: 12px 14px;
  text-align: left;
  line-height: 1.4;
  letter-spacing: normal;
  word-spacing: normal;
}
.hero .assembly-label .eyebrow {
  margin: 0;
  letter-spacing: .06em;
  line-height: inherit;
}
.hero .assembly-label strong {
  min-width: 0;
  font-size: 13px;
  line-height: inherit;
  overflow-wrap: break-word;
}
.hero .assembly-label small {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}
.hero .workflow-strip {
  word-spacing: normal;
  letter-spacing: normal;
  line-height: 1.6;
}
#hogyan .hevu-demo {
  width: 100%;
  max-width: min(960px, calc((100svh - 240px) * 16 / 9));
  margin-inline: auto;
}
#hogyan .hevu-demo-bar {
  padding: 14px 20px;
}
#hogyan .hevu-demo figcaption {
  padding: 12px 20px;
}
@media (max-width: 760px) {
  .hero .assembly-label {
    width: auto;
    min-height: 76px;
    padding: 12px;
  }
  #hogyan .hevu-demo {
    max-width: 100%;
  }
  #hogyan .hevu-demo-bar,
  #hogyan .hevu-demo figcaption {
    padding-inline: 14px;
  }
}