/* Versions 23 and 24 (round 7), loaded after r5.css, r5-23.css and r6-23.css (all unchanged). Jeremy's signature as a traced
   vector on a transparent canvas, drawn in the ink colour of each theme; and Version 24's muted-teal question headings. */

/* the signature: same size and place as the JPEG it replaces (220px, 240px on desktop, 1170:408), with the paper-blending
   filter and blend mode from r5-23.css switched off; the path takes currentColor */
.v23 .signature{display:block;height:auto;max-width:100%;aspect-ratio:1170/408;color:var(--ink);filter:none;mix-blend-mode:normal;overflow:visible}

/* Version 24: the three question headings only. #37645E on #F6F8FB is 6.27:1; #8FC5B8 on #10243B is 8.11:1 */
:root{--qh:#37645E}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--qh:#8FC5B8}}
:root[data-theme=dark]{--qh:#8FC5B8}
.v24 .q h2{color:var(--qh)}

/* theme button: a small sun or moon for the theme it switches to (sun on dark, moon on light) in a 44px circle. The label text
   stays in the button, visually hidden, as its accessible name; r6-23.css still shows only the right label, r6-23.mjs is unchanged */
.v23 .tt{width:44px;min-width:44px;padding:0;box-shadow:inset 0 0 0 1px transparent}
.v23 .tt:hover,.v23 .tt:focus-visible{box-shadow:inset 0 0 0 1px var(--rule)}
.v23 .tt>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.v23 .tt svg{width:18px;height:18px}
/* overrides r5.css .tt svg{display:none}; like the label, the glyph follows the data-theme the early script sets before first paint */
:root[data-theme=dark] .v23 .tt .tt-sun,:root:not([data-theme=dark]) .v23 .tt .tt-moon{display:block}