/* ========================================================================== The Next Coin Club — responsive.css Fit, reach and rhythm across every real device. Loads LAST. WHY THIS FILE EXISTS -------------------- The platform's responsive behaviour was written breakpoint-by-breakpoint, page-by-page, as each page was built. The result is ten uncoordinated thresholds — 560, 640, 700, 760, 820, 860, 899, 900, 920, 960 — that fire in an order nobody designed. Between 700px and 760px, for example, learn.html has collapsed its `.grid2` but company.html has not collapsed its `.two`; at 899px the member sidebar disappears but lesson.html keeps its 210px table of contents until 960px, so for 61px of viewport the lesson page has no primary navigation AND a secondary one. This file does not delete those rules — they are in files owned by other people. It layers a coherent system over them, keyed to real hardware: 320 iPhone SE (1st gen), the true floor 360 Galaxy S-series, the most common Android width on earth 390 iPhone 12/13/14/15 414 iPhone Plus / Pro Max 768 iPad portrait 834 iPad Air / Pro 11" portrait 1024 iPad landscape, small laptop 1280 the common laptop 1440 MacBook Pro 15/16" 1920 desktop standard 2560 27" 1440p and up SPECIFICITY NOTE ---------------- Page-local