When aligning a live Astro site to a design mockup, the header was a full-width fixed bar (border-bottom, bg-secondary, fixed height/padding) while the design placed it inside the .app content container with matching max-width and padding. Moving the header into the content flow required updating both the component styles and the page layout, plus preserving a separate fixed-header mode for an alternate view (graph-active state).