/* The global bar uses the same registered Fit-Easy header as direct pages. */
.sloppy-global-menu { display:block; width:100%; }
#site-nav-top, #site-nav-bottom { position:relative; z-index:30; background:var(--color-bg); }
#site-nav-top { border-bottom:1px solid var(--color-border); }
#site-nav-bottom { border-top:1px solid var(--color-border); }
#site-nav-top:after, #site-nav-bottom:before {
  content:""; position:absolute; left:0; right:0; height:2px;
  background:var(--color-primary); transform:scaleX(var(--fe-scroll-progress,0));
  transform-origin:left; pointer-events:none;
}
#site-nav-top:after { bottom:0; } #site-nav-bottom:before { top:0; }
/* Host-Layout: Nav oben (fest), Inhalt füllt den Rest, Nav unten (fest) -
   Flexbox statt fixer vh-Werte, damit die Höhe der Leisten (z.B. bei
   Zeilenumbruch auf schmalen Bildschirmen) nicht hart kodiert werden muss. */
html, body {
  height: 100%;
  height: 100dvh;
  margin: 0;
  overflow: hidden;
}

body {
  display: flex;
  flex-direction: column;
}

#site-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

/* Seite hat hideGlobalNav aktiv: Nav-/Footer-Leiste ausblenden, Inhalt füllt die volle Höhe. */
body.site-nav-hidden #site-nav-top,
body.site-nav-hidden #site-nav-bottom {
  display: none;
}

.site-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* Author-CSS display:block darf das native hidden-Attribut nicht überstimmen. */
#site-content > [hidden] { display: none !important; }
#site-status { padding: 1rem; }

.welcome-hero{max-width:900px;padding:100px 24px;margin:auto;text-align:center}.welcome-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;line-height:1.4}.welcome-hero p{color:var(--color-text-muted);line-height:1.9;margin:24px auto}.welcome-hero .eyebrow{color:var(--color-primary);font-size:12px;letter-spacing:.1em}.welcome-hero .secondary{background:var(--color-surface);color:var(--color-text);margin-left:10px}

/* The module iframe owns content scrolling. A slide transition or an expanded
   mobile menu must not create a second scrolling viewport around it. */
#site-nav-top, #site-nav-bottom { flex-shrink:0; }
#site-content.has-frame { overflow:hidden; }