/* ========================================================================== RUPESH RAJAN — INTELLIGENCE PAPERS Publication design system. Loaded on /insights, /insights/ and on the home page (for the Intelligence Papers section only). Everything is scoped to `.rr-insights` so the publication identity never leaks into the rest of rupeshrajan.com. On publication pages the class sits on ; on the home page it sits on the section wrapper. Colour discipline ----------------- Electric blue = systems, data, intelligence, connections. Signal orange = critical insights, chapter markers, primary actions. Neither is used for small text on light backgrounds — the `-ink` variants are the darkened, WCAG-AA-safe versions for that job. ========================================================================== */ /* Metric-matched stand-in for Source Serif 4, so the masthead does not reflow when the webfont arrives. Overrides are Source Serif 4's own hhea values (upm 1000, asc 1036, desc -335, gap 0); size-adjust compensates for Georgia's wider glyphs. */ @font-face{ font-family:'IP Serif Fallback'; src:local('Georgia'),local('Times New Roman'),local('Times'); size-adjust:97%; ascent-override:103.6%; descent-override:33.5%; line-gap-override:0%; } .rr-insights{ /* core palette */ --ip-navy:#071522; --ip-deep:#0D2740; --ip-blue:#00B8F5; --ip-orange:#FF7849; --ip-ice:#F5F8FC; --ip-graphite:#17202A; /* #667789 is the brief's slate grey; used for small metadata it lands at 4.32:1 on the ice surface, so the token is a shade darker to clear AA */ --ip-slate:#61707F; /* accessible ink variants for small text on light surfaces */ --ip-blue-ink:#00658C; --ip-orange-ink:#C1421F; /* surfaces + lines */ --ip-paper:#ffffff; /* the shade behind the home page's title block — tune here */ --ip-band:#E9EFF6; --ip-line:#dde5ef; --ip-line-strong:#c3d0de; --ip-line-dark:rgba(255,255,255,.13); --ip-ice-dim:#8ea3ba; /* type */ --ip-serif:'Source Serif 4','IP Serif Fallback',Georgia,'Times New Roman',serif; --ip-display:'Poppins','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --ip-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --ip-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace; /* rhythm */ --ip-shell:1200px; --ip-read:720px; --ip-gap:clamp(56px, 7vw, 104px); --ip-radius:14px; --ip-radius-lg:20px; font-family:var(--ip-body); color:var(--ip-graphite); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } body.rr-insights{background:var(--ip-paper);line-height:1.6} /* -------------------------------------------------------------------------- Layout primitives -------------------------------------------------------------------------- */ /* position + z-index keep section content above the decorative grid backdrop */ .rr-insights .ip-shell{ max-width:var(--ip-shell);margin:0 auto;padding:0 24px; position:relative;z-index:1; } /* Grid items default to min-width:auto, so one unbreakable child (a