/* ===================================================================== NotBroken tools — page layout for the html.app pages (Breathe, Calm, Sleep, Move, Track) --------------------------------------------------------------------- Colours, fonts and the navigation itself live in assets/shell.css, which every page loads after this file. This file only lays out the scrolling canvas and keeps it clear of the fixed navigation. ===================================================================== */ :root { --primary: #5B8A72; --secondary: #C17B4A; --background: #15181D; --text-main: #2D3748; } * { -webkit-tap-highlight-color: transparent; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background-color: var(--background); color: var(--text-main); } /* --- Unified page container (base; app mode resets it below) --- */ .page-container { width: 100%; max-width: 37cm; margin: 1rem auto; padding: 4rem; background-color: #ffffff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); border-radius: 25px; } /* --- Modal base (each tool refines these in its own