/* ========================================================================== Lighthouse Rural Community — The Foundation Library mobile.css — phone & tablet layer WHY THIS FILE EXISTS These pages were exported from the design tool with their styling written directly onto each element ("inline styles"). Inline styles beat normal stylesheet rules, so every rule below that overrides one is marked !important. That is deliberate, not sloppiness. WHY EVERY SELECTOR IS WRITTEN TWICE 21 of the 52 pages are re-rendered in the browser by support.js. That runtime rewrites the style attribute in canonical form — "repeat(3,1fr)" as authored becomes "repeat(3, 1fr)" in the live DOM. The other 31 pages keep the authored spacing. So each selector is listed in both forms; matching only one would silently miss half the site. HOW THIS LAYERS WITH lh-glossary.js (READ BEFORE EDITING) 26 of the 52 pages load lh-glossary.js, which already injects its own mobile layer at run time — it collapses every inline grid to one column at <=900px, makes tables scroll, sets h1/h2 sizes, and shrinks .page. That script appends its