/* Egységes nyitó főcímmagasság minden tartalmi menüoldalon.
   A pozíció nem függhet az alatta lévő bevezető szöveg hosszától. */
:root {
  --subpage-headline-top: 220px;
  --subpage-header-overlay: 92px;
  --subpage-visible-edge-space: calc(var(--subpage-headline-top) - var(--subpage-header-overlay));
}

.subpage .lake-story-hero {
  align-items: start;
  min-height: 0 !important;
}

.subpage .lake-story-hero__content {
  align-self: start;
  padding-top: var(--subpage-headline-top) !important;
  padding-bottom: var(--subpage-visible-edge-space) !important;
}

.subpage .subhero {
  align-items: flex-start;
  min-height: 0 !important;
}

.subpage .subhero__content {
  padding-top: var(--subpage-headline-top) !important;
  padding-bottom: var(--subpage-visible-edge-space) !important;
}

.subpage .document-library-hero {
  padding-top: var(--subpage-headline-top) !important;
}

.subpage .document-library-hero .document-anchor-grid {
  margin-top: var(--subpage-visible-edge-space) !important;
}

/* A nyitó bevezető szöveg minden menüoldalon ugyanazt a méretet és
   sortávolságot használja, a különálló oldalstílusoktól függetlenül. */
.subpage .lake-story-hero__content > p,
.subpage .subhero__content > p,
.subpage .document-library-hero__intro > p {
  font-size: clamp(18px, 2vw, 23px) !important;
  line-height: 1.72 !important;
}

@media (max-width: 1050px) {
  :root {
    --subpage-header-overlay: 116px;
  }
}

@media (max-width: 700px) {
  :root {
    --subpage-headline-top: 180px;
  }

  .subpage .lake-story-hero__content > p,
  .subpage .subhero__content > p,
  .subpage .document-library-hero__intro > p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }

}