/* Wrapped headers reserve their own space when no height observer runs. */ body > header[data-site-header] { position: static; flex-shrink: 0; } body > main { padding-top: 48px; } html { scroll-padding-top: 24px; } .animate{ opacity:1; translate: var(--tw-translate-x) calc(var(--spacing) * 0); }

/* Without scripts the menu button cannot open anything, so the links stay in view. */ [data-site-header] .site-menu-toggle { display: none !important; } [data-site-header] .site-navigation { display: flex !important; position: static !important; flex-direction: row !important; flex-wrap: wrap; flex-basis: 100%; border: 0 !important; box-shadow: none !important; padding: 0 0 8px !important; }