/* ───────────────────────────────────────────────────────────────────────────── LEARNER SHELL, PROTOTYPE One shell for every logged-in learner screen. Bottom tabs on a phone, a left rail on a laptop, from the same markup. This file exists so the four prototype screens share one copy of the shell rather than four, which is also how it should ship: a helper, not a paste. NOT the public site. Marketing and SEO pages keep .site-nav and .site-footer, because Google needs those. A logged-in child gets this instead, and never a "Log in" button or a hamburger. Page-specific styles stay in the page. Anything in here is shared. Author: WAJD AI ──────────────────────────────────────────────────────────────────────────── */ :root { --k-bg: #f4f6fb; --k-line: #e4e7f2; --k-ink: #1a1a3e; --k-mid: #5b6076; --k-soft: #8b90a8; --k-radius: 20px; --tab-h: 66px; --top-h: 58px; } /* Gated behind .k-on, which the shell adds ONLY once a learner is resolved. Seven of the pages this file now loads on are indexed public pages. A crawler or a logged-out visitor must see them exactly as they are today, so nothing here may touch the page until we know a child is looking at it. */ body.k-on { background: var(--k-bg); font-family: 'Nunito', sans-serif; color: var(--k-ink); /* Children need larger body text than adults. NN/g puts older children at 12pt and younger at 14pt. 17px base, nothing user-facing under 14px. */ font-size: 17px; -webkit-text-size-adjust: 100%; } /* The page's own nav and footer are replaced, not merely covered. */ body.k-on .site-nav, body.k-on .site-footer { display: none !important; } /* Some pages carry their own minimal chrome (onboarding uses