/* global React */
// Blog-specific illustrations & diagrams
const BL = {
sageDark: '#5C8A6F',
sage: '#8AB89A',
sageLt: '#B6D4BF',
sageBg: '#D6E7DC',
cream: '#FAF7EF',
creamWarm: '#EFE4D1',
peachDark: '#C77858',
peach: '#E89878',
peachLt: '#F4C5AF',
ink: '#2E3530',
inkSoft: '#4A5550',
white: '#FFFFFF',
};
// ─────────────────────────────────────────────────────────────
// ARTICLE COVER — Two data sources meeting on a map
// ─────────────────────────────────────────────────────────────
function ArticleCover() {
return (
);
}
// ─────────────────────────────────────────────────────────────
// SOURCE DIAGRAM — inline schematic: 2 sources → match → result
// ─────────────────────────────────────────────────────────────
function SourceDiagram() {
return (
);
}
Object.assign(window, { ArticleCover, SourceDiagram });