/* responsive.css — Enablers United mobile layout The pages are inline-styled by design; media queries can't be inline, so all small-screen overrides live here. Selectors match the RUNTIME (React- serialized) form of the inline styles: "padding: 56px 48px", "rgb(...)". Breakpoints: 900px (tablet/phone), 560px (small phone). */ /* Nav toggle is mobile-only; hidden on desktop via inline display:none. */ #nav-toggle button { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 8px; border: 1px solid #CBD5E1; background: transparent; color: #334155; } html.dark #nav-toggle button { border-color: #33475C; color: #CBD5E1; } #nav-toggle button:focus-visible { outline: 2px solid #0E7490; outline-offset: 2px; } /* Native