/* ========================================================================== MAKKAH MASJID BOLTON — components Terracotta carries action · gold is the secondary (fills on dark, never type on white). Every value comes from theme.css. Nothing is hard-coded. ========================================================================== */ /* ----- Base ------------------------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } /* `clip` not `hidden`: overflow-x:hidden on makes it a scroll container and breaks `position: sticky` on the header. `clip` contains the off-canvas drawer without that side effect. */ html { overflow-x: clip; } body { font-family: var(--font-ui); color: var(--c-ink); background: var(--c-bg); line-height: var(--lh-base); overflow-x: clip; } /* The Tailwind CDN injects its