/* Site-wide fixes on top of the cloned Squarespace styles. */

/* Accordion dividers as borders: borders snap to whole device pixels, so every divider has the
   same weight at any display scaling (a 1px background-filled div at 125% scaling lands on one
   or two screen pixels depending on its position, making some lines look heavier). */
.sqs-block-accordion .accordion-divider {
  height: 0 !important;
  background: none !important;
  border-top: var(--accordion-divider-thickness, 1px) solid currentColor;
}

/* The dark-navy gradient background image ("Untitled design (8)") shows visible vertical banding
   once compressed. Replace it with the same gradient drawn by the browser, which is smooth.
   Colors sampled from the original image, left to right. */
.section-background:has(img[src*="Untitled+design+(8)"]) {
  background: linear-gradient(90deg, #051a35 0%, #0b2344 20%, #102c52 40%, #153460 60%, #193c6c 80%, #1d4377 100%);
}
.section-background img[src*="Untitled+design+(8)"] { display: none !important; }

/* The site's base colour (--siteBackgroundColor) is 21% see-through; Squarespace drew it over white.
   With no page colour underneath, a browser in dark mode showed dark grey through it (blog page,
   13 Oct). Paint the page white and keep the site in light mode. */
:root { color-scheme: light; }
html { background: #fff; }