/* ========================================================================== Sweden Trade Intelligence — scrollytelling story page Reuses the design tokens and structural classes from styles.css (colors, type scale, .shell/.section/.hero/.btn/.arrow-link/.eyebrow/.lede) and only adds what's specific to the sticky-graphic + stepped-text layout. Progressive enhancement: everything under .story is a single readable column with no sticky graphic until the `.js` class lands on (see /js/js-on.js, same technique the site already uses for .reveal). Only then does the two-column sticky layout and the D3-driven chart appear. ========================================================================== */ .story { padding-block: clamp(2rem, 4vw, 3rem) clamp(3rem, 6vw, 5rem); } /* Country switcher: sits beside the eyebrow in the hero, full-page navigates on change (no client-side data swap -- this page stays zero-runtime-dependency/SSR-first). Styled as a small labeled pill rather than a bare