/**
 * myLogbook site header + sticky behavior — Zone 1.
 *
 * .ml-site-header wraps both the toolbar and mega menu bars and is the
 * thing that's actually sticky — they move together as one unit, not
 * independently. Zone 2's 3-column grid will consume --ml-toolbar-height
 * + --ml-menubar-height (defined in tokens.css) for its own top-margin
 * math; .ml-page-content here is a stand-in for that until Zone 2 exists,
 * so this zone's requirement (content's own top border stays visible
 * beneath the sticky bar, not flush against it) is testable now rather
 * than deferred.
 */

.ml-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background-color: var(--ml-bg-page);
}

.ml-page-content {
  margin-top: var(--ml-space-lg);
}