/* ================================================================ * The African Health Sentinel — Stylesheet * H4D publication, powered by EvolveChain Healthcare * ---------------------------------------------------------------- * v16 (5 May 2026) — Africa pattern wash production tune: * - body::before opacity dropped from 0.90 (v15 diagnostic) to * 0.50. The v15 diagnostic confirmed the earlier 0.10 setting * was below visual threshold on a near-white background — the * map was rendering correctly all along, just imperceptibly. * - 0.50 is an interim production value following Matt's visual * review at 0.90. May tune further once seen in context with * landing v10 (which removes the cover-section grey wash and * white tile boxes, allowing the silhouette to show through * more of the page). * - All other rules unchanged from v14/v15. * * v15 (5 May 2026) — opacity diagnostic on Africa pattern wash: * - body::before opacity raised from 0.10 -> 0.90 as a deliberate * diagnostic. v14 set 10% opacity but the silhouette has been * reported invisible across desktop sessions. File presence and * HTTP serve confirmed (39.8 KB, HTTP/2 200), so the failure * mode is either: (a) 10% Celtic Green on near-white is below * visual threshold, or (b) a stacking / section-background * issue covering the centred shape. 90% will resolve which. * - This is a TEST value. After visual confirmation, opacity * should be tuned back down to a sensible production value * (likely 0.15-0.25 depending on what 90% reveals). * - All other rules unchanged from v14. * * v14 (29 April 2026) — fixes after v13 visual review: * - Footer logo: removed white pillbox background from .footer-mark * class. The class was previously designed to wrap a white version * of the logo on a white pillbox; now that we use the green/grey * full lockup directly on dark-grey footer, the white background * was creating an unwanted white box around the logo. * - Africa background pattern wash: repositioned and resized for * proper visibility per Approach A. Now centred in viewport at * ~70% viewport height, fixed position, 10% opacity. Was previously * anchored to right side at 36vw width, which kept it small and * mostly off-screen. * * v13 (29 April 2026) — fixes after v12 visual review: * - Footer H4D logo: revert to full SVG lockup at 40px (icon-footer.png * had a baked-in white background that showed on dark grey footer). * - Africa silhouette pattern wash promoted from hero-only to global * fixed body background. Visible across every page (landing, gate, * archive, subscribe, legal pages). Opacity bumped to 10% for * visibility, anchored to right side of viewport so densest content * areas have clean background. * * v12 (29 April 2026) — three small fixes after v11 visual review: * - Footer H4D logo: drop the brightness/invert filter (was destroying * colour information), bump height from 32px to 60px, to match parent * site's footer treatment using icon-footer.png (h4 mark only, no * wordmark — see base.html v7). * - No structural changes; fix-only follow-up to v11. * * v11 (29 April 2026) — visual alignment with health4development.com * Masthead refactor: * - Background changed from Celtic Green to white * - H4D logo lockup now sits directly on white (no white pill) * - Logo height bumped from 36px to 50px for visual parity * - Masthead height bumped from 72px to 90px (mobile 56→64) * - H4D logo and Sentinel wordmark are now SEPARATE anchors * (H4D → health4development.com, Sentinel → /) * - Vertical divider rule between H4D logo and Sentinel wordmark * - Nav expanded to 4 items: Sentinel Home / Archive / Subscribe / * Health 4 Development → (last item opens parent site in new tab) * - All-caps nav with 0.12em letter-spacing matching parent site * New mobile hamburger drawer (visible <720px): * - Right-aligned hamburger button replaces hidden desktop nav * - Slide-from-right drawer with 4-item nav * - Tap-outside / Esc / link-tap all close drawer * - Body scroll locked while drawer open * No changes to story-type pills, typography tokens, palette, * or any other design system primitive — the brand foundation * established in v3-v10 remains intact. * * v10 (29 April 2026) — promote pricing-grid CSS to global * The .plan / .pricing__grid pattern was previously defined * inline in landing.html only. With subscribe.html v3 also * needing the three-card pricing grid, the rules are now * promoted to a new PRICING section in this stylesheet. * Rules are byte-identical to landing.html's inline version * except for the responsive breakpoint, which uses the * project-wide 980px breakpoint already used elsewhere here. * landing.html v3 and subscribe.html v3 deploy together with * this v10. The inline CSS in landing.html v3 is reduced * accordingly. * * v9 (26 April 2026) — category-key list column alignment fix * v8 fixed pill row spacing but the four description columns still * started at different x-coordinates because `auto 1fr` sized * column 1 to each pill's individual width (Announcement is much * wider than Action). v9 fixes column 1 to a 140px lane wide enough * for the longest pill, so all four descriptions begin at the same * vertical line and there's a consistent gutter between pill and text. * * v8 (26 April 2026) — category-key list spacing and bullet fix * v7's grid layout fixed pill/description column alignment, but two * small issues remained: (a) pills were vertically crowding each other * because per-row padding was too tight against pill height, and * (b) the default browser