/* Site-wide layout overrides (loaded after the main CSS bundle). Blog post articles previously capped their content at a narrow 896px (Tailwind's max-w-4xl) centered column. Widen that content wrapper to the full page container so blog posts match the homepage and the guide pages. Scoped to the article content wrapper (the one holding the .prose body) so hero/intro blocks are untouched. */ article .max-w-4xl:has(.prose) { max-width: none; } /* Service pages wrap their main content in an extra max-w-6xl (1152px) column inside the container, which reads as a narrow/centered layout. On service routes only (flagged on by related-guides.js), let that content span the full container width like the homepage's full-width sections. Scoped to service routes so the homepage's intentional max-w-6xl blocks are untouched. */ html[data-svc-fullwidth] .container > .max-w-6xl.mx-auto { max-width: none; }