:root {
  --colour-navy:#142b3b; --colour-navy-deep:#0c2030; --colour-blue:#1876a8; --colour-teal:#2b8b83;
  --colour-orange:#f18921; --colour-orange-dark:#c84e0c; --colour-ink:#1a2d39; --colour-muted:#61717a;
  --colour-paper:#fbfaf6; --colour-cream:#f4efe4; --colour-grey:#edf0ef; --colour-line:#dce2df; --colour-white:#fff;
  --body-weight:400; --body-leading:1.68; --body-tracking:.012em; --heading-weight:700; --navigation-weight:700; --button-weight:800;
  --font-body:'Montserrat',ui-sans-serif,system-ui,sans-serif;
  --font-heading:Georgia,'Times New Roman',serif; /* Replace here when the final display typeface is supplied. */
  --font-hero:var(--font-heading); --font-navigation:var(--font-body); --font-button:var(--font-body); --font-footer-heading:var(--font-heading);
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2.25rem; --space-5:4rem; --space-6:6rem;
  --radius-sm:.55rem; --radius-md:1rem; --radius-lg:1.4rem; --max-width:1240px;
  --shadow:0 18px 50px rgba(20,43,59,.14); --transition:180ms ease;
  /* Find Your Next Puzzle banner background — edit this variable to change the band. */
  --finder-banner-background:var(--colour-orange);
  /* Find Your Next Puzzle hover colour — shared by the label and arrow on hover/focus. */
  --finder-hover-colour:var(--colour-navy);
}