/** * Fixed yellow/marketing header clearance — site-wide. * * ANY layout with the fixed `.header.fixed-top` chrome MUST: * 1. Load this stylesheet * 2. Put `class="layout-fixed-header"` on * * Do NOT invent per-page padding-top hacks for header spacing. * Gap = header height (4.25rem) + 56px below the bar. * * Exception: when the in-page funnel wizard is open (#esaWizard), yellow * marketing chrome is hidden — drop to a small top pad instead. */ body.layout-fixed-header .main, body.layout-fixed-header .page-wrapper > .main { padding-top: calc(4.25rem + 56px) !important; padding-left: 0 !important; /* no console sidebar offset on these layouts */ } body.layout-fixed-header.esa-wizard-open .main, body.layout-fixed-header.esa-wizard-open .page-wrapper > .main, body.layout-fixed-header:has(#esaWizard:not([hidden])) .main, body.layout-fixed-header:has(#esaWizard:not([hidden])) .page-wrapper > .main { padding-top: 24px !important; }