/* ───────────────────────────────────────────────────────────────────────── Theme shell — faithful replica of the legacy theme's GLOBAL wrapper. Division of responsibility (mirrors the source): • This file owns GLOBAL styling only: fonts, body bg/color, html behavior, the page container. It must NOT style module internals. • Each ported module renders inside

and gets all of its internal styling from the ported Tailwind build (TailwindPartial -> styles/tailwind.css -> custom-base/components/utilities), scoped to `.tw-react`. We never duplicate or guess that here. Why body uses a class (.chs-shell): the React project's own base layer sets `body { @apply bg-background text-foreground }` (shadcn white). On the live site the legacy theme overrides it with ``. A class selector (specificity 0,1,1) beats the bare `body {}` rule (0,0,1) regardless of stylesheet order, so cream wins cleanly without !important. ───────────────────────────────────────────────────────────────────────── */ /* Fonts (legacy src/css/fonts.css) */ @font-face{font-family:'ABC Ginto Nord Variable';src:url(https://40061323.fs1.hubspotusercontent-na1.net/hubfs/40061323/raw_assets/public/website/fonts/ABCGintoNordVariable.ttf) format("truetype")} @font-face{font-family:'ABC Ginto Normal Variable';src:url(https://40061323.fs1.hubspotusercontent-na1.net/hubfs/40061323/raw_assets/public/website/fonts/ABCGintoNormalVariable.ttf) format("truetype")} @font-face{font-family:'ABC Ginto Plus Variable';src:url(https://40061323.fs1.hubspotusercontent-na1.net/hubfs/40061323/raw_assets/public/website/fonts/ABCGintoPlusVariable.ttf) format("truetype")} /* legacy */ html { width: 100%; overflow-x: hidden; scroll-behavior: smooth; } /* legacy */ body.chs-shell { margin: 0; background-color: #fff9f0; /* brand-cream */ color: #03685a; /* brand-green */ font-family: 'ABC Ginto Normal Variable', system-ui, -apple-system, sans-serif; } /* legacy

wrapper (pt-20 offsets the fixed header toggle / gives the logo its top breathing room) */ .chs-page { display: flex; flex-direction: column; justify-content: flex-start; min-height: 100vh; padding-top: 5rem; } .chs-footer-wrap { margin-top: auto; } /* legacy

pins footer to viewport bottom */ /* legacy

*/ #main-content { width: 100%; max-width: 1536px; /* max-w-screen-2xl */ margin-left: auto; margin-right: auto; padding-left: 24px; /* px-6 */ padding-right: 24px; } @media (min-width: 768px) { #main-content { padding-left: 40px; padding-right: 40px; } } /* md:px-10 */ @media (min-width: 1024px) { #main-content { padding-left: 80px; padding-right: 80px; } } /* lg:px-20 */