/** * Govee CMS legal pages — dark premium reading layout. * Scope: .govee-cms-page (storefront CMS view). Loaded in , outside #app. */ .govee-cms-page { background: var(--govee-bg, #07111F); color: var(--govee-text, #F5F7FB); font-family: var(--govee-font-sans, Poppins, ui-sans-serif, system-ui, sans-serif); padding: 2.5rem 1.25rem 4rem; } .govee-cms-page__content { max-width: 70ch; margin: 0 auto; line-height: var(--govee-leading-loose, 1.65); font-size: var(--govee-text-body, 0.975rem); color: var(--govee-text, #F5F7FB); } .govee-cms-page__content > *:first-child { margin-top: 0; } .govee-cms-page__content h1 { font-size: var(--govee-text-title, clamp(1.5rem, 3vw, 2.5rem)); font-weight: var(--govee-weight-bold, 700); line-height: var(--govee-leading-tight, 1.15); letter-spacing: var(--govee-tracking-display, -0.02em); color: var(--govee-text, #F5F7FB); margin: 0 0 1.25rem; } .govee-cms-page__content h2 { font-size: var(--govee-text-section, clamp(1.15rem, 2vw, 1.45rem)); font-weight: var(--govee-weight-semibold, 600); line-height: var(--govee-leading-snug, 1.4); letter-spacing: var(--govee-tracking-heading, -0.01em); color: var(--govee-text, #F5F7FB); margin: 2.25rem 0 0.85rem; } .govee-cms-page__content p { margin: 0 0 1rem; color: var(--govee-muted, #A9B4C7); } .govee-cms-page__content strong { color: var(--govee-text, #F5F7FB); font-weight: var(--govee-weight-semibold, 600); } .govee-cms-page__content ul { margin: 0 0 1.15rem; padding-left: 1.25rem; color: var(--govee-muted, #A9B4C7); } .govee-cms-page__content li { margin: 0 0 0.45rem; padding-left: 0.15rem; } .govee-cms-page__content li::marker { color: var(--govee-cyan, #18C8FF); } .govee-cms-page__content a { color: var(--govee-cyan, #18C8FF); text-decoration: underline; text-underline-offset: 0.15em; } .govee-cms-page__content a:hover, .govee-cms-page__content a:focus-visible { color: #5ad8ff; } /* Dark shell: CMS main already .govee-dark; kill leftover light padding containers */ main.govee-dark:has(.govee-cms-page) { background: var(--govee-bg, #07111F); } @media (min-width: 768px) { .govee-cms-page { padding: 3rem 2rem 5rem; } }