/* The few Squarespace base styles the RT stylesheet (rt.css) was written on top of.
   Measured from the live site, 30 Sept 2026. Load before rt.css. */
html { font-size: 15px; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #2c2c2c; font-family: 'DM Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
img, video { max-width: 100%; }
#siteWrapper { position: relative; }
.sqs-block { position: relative; }
.sqs-layout, .sqs-row, .sqs-col-12 { width: 100%; }
/* Classic Journal posts (the five press posts): Squarespace centred the header, meta above the title. */
#rt-site.rt-shell .blog-item-wrapper:not(:has(.rt-post)) { padding-top: 56px; padding-bottom: 72px; }
#rt-site.rt-shell .blog-item-wrapper:not(:has(.rt-post)) .blog-item-top-wrapper { text-align: center; }
#rt-site.rt-shell .blog-item-wrapper:not(:has(.rt-post)) .blog-item-meta-wrapper { display: flex; gap: 10px; justify-content: center; align-items: baseline; border: 0; margin: 0 0 18px; padding: 0; }
#rt-site.rt-shell .blog-item-wrapper:not(:has(.rt-post)) .blog-item-meta-wrapper a { text-decoration: none; }
#rt-site.rt-shell .blog-item-wrapper:not(:has(.rt-post)) .sqs-block-image img { width: 100%; height: auto; display: block; }
#rt-site.rt-shell .blog-item-wrapper:not(:has(.rt-post)) .sqs-block { margin: 0 0 24px; }
#rt-site.rt-shell .sqs-block-button .sqs-block-button-element { display: inline-block; padding: 14px 24px; background: #172e46; color: #f9f6ef !important; text-decoration: none !important; font: 500 14px/1 'DM Sans', Arial, sans-serif; }


/* ── RT squiggles (6 Oct 2026): three of the twelve, each where it says something. Drawn in the colour of the text around them. ── */
#rt-site .rt-sq { display: block; background: currentColor; -webkit-mask: var(--src) center / contain no-repeat; mask: var(--src) center / contain no-repeat; aspect-ratio: var(--ar); width: calc(var(--h, 60px) * var(--ar)); }
#rt-site .rt-sq--steam { --src: url(/vig/sq-steam.svg); --ar: .814; }
#rt-site .rt-sq--sea-wave { --src: url(/vig/sq-sea-wave.svg); --ar: 7.317; }
#rt-site .rt-sq--toque { --src: url(/vig/sq-toque.svg); --ar: 1.123; }
@media (forced-colors: active), print { #rt-site .rt-sq { display: none; } }
/* Footer: steam rising beside the newsletter heading. */
#rt-site .footer-signup > div:first-child { position: relative; padding-left: 66px; }
#rt-site .footer-signup .rt-sq--steam { position: absolute; left: 0; top: 2px; --h: 62px; color: #dfb34e; }
/* The Journal: a sea wave closes every story. */
#rt-site .jn-end { display: flex; justify-content: center; padding: clamp(40px, 5vw, 64px) 0; color: #2c4f7c; }
#rt-site .jn-end .rt-sq { --h: 26px; }
/* Work with us: the toque over the heading. */
#rt-site .rt-sq.w-toque { --h: clamp(64px, 7vw, 92px); color: #dfb34e; margin-bottom: 26px; }