/* ==========================================================================
   SREO Consulting — spacing tokens (Part J, J9)
   The one file where a spacing length is written in pixels. Every margin and
   padding in styles.css is one of these, so the rhythm of the page can be read
   from this table and moved from here. The scale is 4px, with 2, 6, 10, 14 and
   18 for optical adjustments below 24px, and nothing else: 22, 26, 34, 42, 52
   and 68 were one-offs and were snapped to their neighbours when this file was
   made (see DESIGN.md, "Spacing tokens"). Colour, type and motion tokens live
   where they always did: colour and type in styles.css, motion in motion.css.
   ========================================================================== */
:root {
  --s-2: 2px;
  --s-4: 4px;
  --s-6: 6px;
  --s-8: 8px;
  --s-10: 10px;
  --s-12: 12px;
  --s-14: 14px;
  --s-16: 16px;
  --s-18: 18px;
  --s-20: 20px;
  --s-24: 24px;
  --s-28: 28px;
  --s-32: 32px;
  --s-36: 36px;
  --s-40: 40px;
  --s-48: 48px;
  --s-56: 56px;
  --s-64: 64px;
  --s-72: 72px;
  --s-80: 80px;
  --s-88: 88px;
  --s-96: 96px;
  --s-104: 104px;
  /* One rule, everywhere the site draws one; also the overlap that collapses two. */
  --hairline: 1px;
  /* The sticky section label's band as measured: 14px and 12px of padding around an 18px mono
     line. The map and the country list start this far below the top of their section. */
  --pin-h: 44px;
}